@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Thai&display=swap);@import url(https://fonts.googleapis.com/css?family=Noto+Sans&display=swap);.arc[data-v-5b7090f9]{fill:#fff;opacity:0;transition:fill 200 ease-in,opacity 200 ease-in;animation-iteration-count:1;animation:fadeIn-5b7090f9 1s forwards}.arc--active[data-v-5b7090f9]{opacity:1;fill:#153f67}@keyframes fadeIn-5b7090f9{0%{opacity:0}to{opacity:.35}}@keyframes fadeInLong-5b7090f9{0%{opacity:0}to{opacity:1}}#rose[data-v-5b7090f9]{fill:url(#mygradient);opacity:0;animation-iteration-count:1;animation:fadeInLong-5b7090f9 .4s forwards;animation-delay:.5s}.rose[data-v-5b7090f9]{transition:transform .4s ease-in}.north #top-left[data-v-5b7090f9],.north #top-right[data-v-5b7090f9]{fill:blue}.north #rose[data-v-5b7090f9]{transform:rotate(90deg)}.north #mygradient .start-color[data-v-5b7090f9]{stop-color:hsla(0,0%,100%,.1)}.north #mygradient .end-color[data-v-5b7090f9]{stop-color:#fff}.east #bottom-right[data-v-5b7090f9],.east #top-right[data-v-5b7090f9]{fill:blue}.east #mygradient .start-color[data-v-5b7090f9]{stop-color:hsla(0,0%,100%,.1)}.east #mygradient .end-color[data-v-5b7090f9]{stop-color:#fff}.south #bottom-left[data-v-5b7090f9],.south #bottom-right[data-v-5b7090f9]{fill:blue}.south #mygradient[data-v-5b7090f9]{transform:rotateX(270deg)}.south #mygradient .start-color[data-v-5b7090f9]{stop-color:blue}.south #mygradient .end-color[data-v-5b7090f9]{stop-color:rgba(255,2,2,.1)}.west #bottom-left[data-v-5b7090f9],.west #top-left[data-v-5b7090f9]{fill:blue}.west #mygradient .start-color[data-v-5b7090f9]{stop-color:#fff}.west #mygradient .end-color[data-v-5b7090f9]{stop-color:hsla(0,0%,100%,.1)}#mygradient .start-color[data-v-5b7090f9]{transition:stop-color .2s ease-in;stop-color:#fff}#mygradient .start-color--active[data-v-5b7090f9]{stop-color:#fff}#mygradient .end-color[data-v-5b7090f9]{transition:fill .2s ease-in;transition:stop-color .2s ease-in;stop-color:hsla(0,0%,100%,.01)}#mygradient .end-color--active[data-v-5b7090f9]{stop-color:#fff}.nav-link[data-v-3a26f9a2]{text-decoration:none;color:#fff;font-weight:600;font-size:20px;position:relative;animation-iteration-count:1;animation:fadeIn 4s forwards}.nav-link>div[data-v-3a26f9a2]{font-family:Noto Sans;font-weight:600;letter-spacing:0}@media only screen and (max-width:600px){.nav-link[data-v-3a26f9a2]{font-size:32px;line-height:96px}}@media only screen and (min-width:600px){.nav-link[data-v-3a26f9a2]{position:absolute;left:50%;top:50%}.nav-link>div[data-v-3a26f9a2]{height:200px;display:flex;justify-content:center;align-items:center;font-size:24px;font-weight:600;letter-spacing:0;line-height:33px}}.nav-link[data-v-3a26f9a2]:hover{color:#153f67;text-decoration:underline;text-underline-offset:4px}@media only screen and (min-width:600px){.hide-lg[data-v-3a26f9a2]{display:none}.east[data-v-3a26f9a2]{transform:translate(250px,-50%)}.west[data-v-3a26f9a2]{transform:translate(-460px,-50%)}.north[data-v-3a26f9a2]{transform:translate(-50%,-400px)}.north>div[data-v-3a26f9a2]{height:160px;align-items:flex-end}.south[data-v-3a26f9a2]{transform:translate(-50%,400px);align-items:flex-start;top:unset;bottom:440px}.center[data-v-3a26f9a2]{top:50%;left:50%;transform:translate(-50%,-50%)}}.navigation-overlay[data-v-7ebd95c2]{position:absolute;top:0;left:0;height:100vh;width:100vw;z-index:100}.navigation-overlay[data-v-7ebd95c2]:before{content:"";position:absolute;top:0;left:0;height:100vh;width:100vw;background-color:var(--color-primary);z-index:0;display:flex;justify-content:center;align-items:center;padding:0 40px;box-sizing:border-box;animation:fadeIn-7ebd95c2 .4s ease-in-out}@media only screen and (max-width:600px){.navigation-overlay[data-v-7ebd95c2]{display:flex;align-items:center;justify-content:center;flex-direction:column}}.navigation-overlay__bottom[data-v-7ebd95c2]{position:absolute;bottom:0;left:0;width:100%;height:50px;background-color:hsla(48,33%,94%,.898);z-index:100;display:flex;justify-content:center;align-items:center;padding:0 40px;box-sizing:border-box;border-top:1px solid var(--color-secondary)}@media only screen and (max-width:600px){.navigation-overlay__bottom[data-v-7ebd95c2]{display:none}}.navigation-overlay__bottom-link[data-v-7ebd95c2]{font-size:17px;font-weight:600;line-height:23px;text-decoration:none;margin-right:32px;color:hsla(0,0%,7%,.6)}.navigation-overlay__bottom-link[data-v-7ebd95c2]:hover{color:#153f67}.compass-rose[data-v-7ebd95c2]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media only screen and (max-width:600px){.compass-rose[data-v-7ebd95c2]{display:none}}.close-button[data-v-7ebd95c2]{position:absolute;top:80px;right:80px;border:none;background-color:transparent;width:50px;height:50px}@media only screen and (max-width:600px){.close-button[data-v-7ebd95c2]{top:32px;right:32px}}.close-button>img[data-v-7ebd95c2]{height:100%;width:100%;transform:rotate(45deg)}.close-button[data-v-7ebd95c2]:hover{cursor:pointer}@keyframes fadeIn-7ebd95c2{0%{opacity:0}to{opacity:1}}.start-overlay[data-v-1a926d9a]{background-color:var(--color-primary);position:absolute;top:0;left:0;height:100vh;width:100vw;z-index:100}@media only screen and (max-width:600px){.start-overlay[data-v-1a926d9a]{height:100%}}.start-inner[data-v-1a926d9a]{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);min-height:490px;width:480px;background-color:#f5f3eb;border-radius:3px;padding:32px}@media only screen and (max-width:600px){.start-inner[data-v-1a926d9a]{width:100%;height:100%}}.content-row[data-v-1a926d9a]{margin-bottom:32px;text-align:left;color:#111;font-family:Noto Sans;font-size:17px;font-style:normal;font-weight:500;line-height:22px;letter-spacing:.17px}@media only screen and (max-width:600px){.content-row[data-v-1a926d9a]{font-size:15px}}.actions-row[data-v-1a926d9a]{display:flex;justify-content:space-between}.titles-row[data-v-1a926d9a]{display:flex;align-items:center;margin-bottom:32px}.button[data-v-1a926d9a]{border:none;min-width:149px;height:47px;margin-right:12px;text-transform:uppercase;font-weight:600;font-size:15px;border-radius:3px}@media only screen and (max-width:600px){.button[data-v-1a926d9a]{width:100%;margin-bottom:12px}}.button[data-v-1a926d9a]:hover{cursor:pointer}.button--primary[data-v-1a926d9a]{transition:color .2s ease-in;background-color:var(--color-primary);color:#fff}.button--primary[data-v-1a926d9a]:hover{color:#111}.button--secondary[data-v-1a926d9a]{background-color:#fff;color:var(--color-black);transition:background-color .2s ease-in;border-radius:3px}.button--secondary[data-v-1a926d9a]:hover{color:#fff;background-color:var(--color-primary)}.button--link[data-v-1a926d9a]{min-width:unset;background-color:transparent;text-decoration:underline;line-height:26px;text-align:right;letter-spacing:.01em}.title[data-v-1a926d9a]{margin:0;font-size:28px;color:#111}@media only screen and (max-width:600px){.title[data-v-1a926d9a]{font-size:24px}}.title-image[data-v-1a926d9a]{margin-right:18px}.close-button[data-v-1a926d9a]{position:absolute;right:16px;top:16px;border:none;background-color:transparent}.close-button>img[data-v-1a926d9a]{transform:rotate(45deg)}.close-button[data-v-1a926d9a]:hover{cursor:pointer}@media only screen and (max-width:600px){.close-button[data-v-1a926d9a]{display:none}}@keyframes fadeIn-1a926d9a{0%{opacity:0}to{opacity:1}}.navigation-button{position:absolute;bottom:32px;right:32px}.navigation-button>svg{transition:transform .2s ease-in;height:100px;width:100px}.navigation-button>g{transition:fill .1s ease-in}.navigation-button:hover{--svgcolor:var(--color-primary);cursor:pointer}.navigation-button:hover>svg{transform:rotate(90deg)}.dropdown-content{height:900px}.dropdown-item{text-align:center}.dropdown-item>a{text-decoration:none;font-family:noto sans,Helvetica,Arial,sans-serif;color:hsla(0,0%,7%,.6);font-size:40px;line-height:96px}.dropdown-item>a:hover{color:#153f67}.dropdown-content{width:100vw;background-color:hsla(48,33%,94%,.9);position:absolute;max-height:100vh;transition:max-height .4s ease-in;z-index:10;list-style:none;padding-left:unset;left:0;top:50px;display:flex;height:0;justify-content:center;align-items:center;overflow:hidden;height:100%;transition:max-height .4s,padding-top .4s}.dropdown-content>ul{padding:40px}.dropdown-item{position:relative;cursor:pointer;list-style:none;font-family:noto sans,Helvetica,Arial,sans-serif;color:hsla(0,0%,7%,.6);font-size:40px;line-height:96px}.dropdown-item:hover{color:var(--color-primary)}.dropdown-button{border:none;outline:none;color:#fff;background-color:transparent;cursor:pointer;font-family:noto sans;font-size:16px;max-height:400px}.dropdown-button:hover{color:var(--color-primary)}.dropdown-close-button{position:absolute;right:24px;top:24px;background:transparent;border:none;transform:rotate(45deg);width:40px;height:40px;cursor:pointer}.dropdown-close-button>img{height:100%;width:100%}.closed{max-height:0;padding-top:0;padding-bottom:0}@keyframes open{0%{height:0}to{height:400px}}@keyframes close{0%{height:400px}to{height:0;display:none}}img[data-v-19f8dbc8]{margin:0 8px}.top-nagivation[data-v-19f8dbc8]{display:flex;align-items:center;justify-content:space-between;height:50px;background-color:#111}.navigation-link[data-v-19f8dbc8]{margin-right:24px;text-decoration:none;color:#fff}.top-navigation-left[data-v-19f8dbc8]{width:25%;padding-left:20px;text-align:left;display:flex}@media only screen and (max-width:600px){.top-navigation-left[data-v-19f8dbc8]{display:none}}.top-navigation-center[data-v-19f8dbc8]{display:flex;justify-content:space-around;width:25%;align-items:center}.top-navigation-center span[data-v-19f8dbc8]{width:50%;text-align:left}.top-navigation-center .thai[data-v-19f8dbc8]{text-align:right}@media only screen and (max-width:600px){.top-navigation-center[data-v-19f8dbc8]{width:100%}}.top-navigation-right[data-v-19f8dbc8]{padding-right:20px;width:25%;text-align:right}@media only screen and (max-width:600px){.top-navigation-right[data-v-19f8dbc8]{display:none}}.color-primary[data-v-19f8dbc8]{color:var(--color-primary)}.wrapper{--safe-area-inset-bottom:env(safe-area-inset-bottom);height:calc(100vh - 50px - var(--safe-area-inset-bottom));position:relative;padding-bottom:var(--safe-area-inset-bottom)}.wrapper,micr-io{width:100vw}micr-io .burger{display:none}aside.controls{top:20%;bottom:unset;right:0}aside.controls,button.micrio-action:hover{background-color:hsla(0,0%,7%,.9)}.popup-next,.popup-prev{background-color:transparent;position:relative;border:none;outline:none;height:100%;width:20px;display:flex;justify-content:center;padding:8px 12px;cursor:pointer;transition:background-color .2s ease-in}.popup-next:hover,.popup-prev:hover{background-color:var(--color-primary)}.container-controls-inner{display:flex}.container-controls{display:flex;justify-content:space-between;align-items:center}.container-controls>p{font-weight:600;font-size:17px;line-height:23.15px}.marker{opacity:1}.marker.opened,.marker:hover{--micrio-marker-icon:url(../img/plus-blue.88dadf19.svg)}menu.toolbar{display:none}.tour{background-color:hsla(0,0%,7%,.9)}.marker-popup>button.micrio-action{top:24px!important;right:24px!important}.marker-popup>main{background-color:hsla(0,0%,7%,.9);border-radius:4px;padding:24px 24px 24px;text-align:left;font-family:Noto Sans;border:none}@media only screen and (max-width:600px){.marker-popup>main{height:100%}}.marker-popup>main p{font-size:14px;font-weight:400;line-height:19px;letter-spacing:.01em}.marker-popup>main>h3{font-size:17px;font-weight:600;line-height:23px;letter-spacing:0}.marker-popup>main>h3.marker-popup{margin-left:0}.marker-popup>main>div.body.marker-popup{margin-left:0;max-height:unset}.marker-popup>main>div.body.marker-popup>p{margin-top:0}.open-enter-active,.open-leave-active{transition:opacity 1s;left:500px}.open-enter,.open-leave-to{opacity:.1}.micrio-interface,.micrio-markers main,:root{--color-primary:rgba(235,119,72,.9);--svgcolor:hsla(0,0%,100%,.8);--micrio-color-hover:var(--color-primary);--micrio-marker-color-hover:hsla(0,0%,100%,.6);--micrio-background-hover:hsla(0,0%,100%,.6);--micrio-marker-shadow:0px 2px 8px 0px rgba(21,63,103,.2);--micrio-marker-border:4px solid var(--color-primary);--micrio-marker-color:var(--color-primary)!important;--micrio-marker-border:4px solid transparent;--micrio-marker-icon:url(../img/plus-white.01512695.svg)}.hidden{top:100vh}.thai{font-family:Noto Sans Thai;font-size:21px;font-weight:500;line-height:32px;letter-spacing:0;text-align:right}.slide-left-enter{transform:translateX(100%)}.slide-right-enter{transform:translateX(-100%)}.slide-left-enter-active,.slide-left-leave-active,.slide-right-enter-active{transition:all .9s ease-in}.slide-left-leave-active{transform:translateX(-90%)}.slide-right-leave-active{transform:translateX(90%);transition:all .9s ease-in}.slide-up-enter{transform:translateY(100%)}.slide-down-enter{transform:translateY(-100%)}.slide-down-enter-active,.slide-up-enter-active{transition:all .5s ease-in}.slide-up-leave-active{transform:translateY(-90%);transition:all .9s ease-in}.slide-down-leave-active{transform:translateY(92%);transition:all .9s ease-in}#app,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;height:calc(100% - env(safe-area-inset-bottom));width:100%;padding:0;margin:0;background-color:#000;background-position:50%;background-repeat:no-repeat}#app,*,body{box-sizing:border-box}*{font-family:noto sans,Helvetica,Arial,sans-serif}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter,.fade-leave-to{opacity:0}nav a{font-weight:700;color:#fff}nav .arrow{background-repeat:no-repeat;color:#fff;text-decoration:none;padding:4px 8px;border-radius:8px;position:absolute;z-index:100;transition:width .2s}nav .arrow:hover{color:gray;transition:color .2s}nav .arrow-image{height:48px;width:48px}nav .left{left:0}nav .left,nav .right{top:50%;transform:translateY(calc(-50% + 2px))}nav .right{right:0}nav .up{top:56px}nav .down,nav .up{left:50%;transform:translateX(-50%)}nav .down{bottom:0}.debug-screen{z-index:1000000}.debug-screen-vertical{width:1px;height:100vh}.debug-screen-horizontal,.debug-screen-vertical{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:red}.debug-screen-horizontal{width:100vw;height:1px}.content-page[data-v-94c25acc]{height:100vh;width:100vw;top:50px;left:50%;transform:translateX(-50%);position:absolute;z-index:14;display:flex;justify-content:center;align-items:center;padding:48px 0 0 0;background-color:var(--color-primary)}.content-inner[data-v-94c25acc]{height:calc(100vh - 100px);width:calc(100vw - 100px);background:#f5f3eb;padding-top:20px;overflow:scroll;text-align:left;display:flex;justify-content:center;align-content:center;position:absolute;z-index:10}.close-button[data-v-94c25acc]{top:22px;right:22px;position:absolute;transform:rotate(45deg);border:none;background-color:transparent}.close-button[data-v-94c25acc]:hover{cursor:pointer}.content[data-v-94c25acc]{width:50%}.content>h2[data-v-94c25acc]{text-align:center;font-weight:600;font-size:32px;line-height:44px}.content>h4[data-v-94c25acc]{margin-bottom:0}.link[data-v-94c25acc]{color:var(--color-primary)}