@font-face{font-family:'Sukhumvit Set';src:url("SukhumvitSet-Text.woff2") format("woff2"),url("SukhumvitSet-Text.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap;}body{height:100vh;font-family:Sukhumvit Set;font-size:12px;}.container-main{position:relative;height:100vh;transform:scale(.4) translate(16%,0);}@media screen and (min-width:992px){.container-main{transform:scale(.8) translate(0,0);}}@media screen and (min-width:1200px){.container-main{transform:scale(.8) translate(0,0);}}.region-wrapper{display:flex;justify-content:center;align-items:center;}.region-wrapper.zoom-out .region{z-index:-2;transform:scale(0);visibility:hidden;}.region{transition:transform .5s ease-in-out;position:relative;visibility:visible;width:935px;height:1300px;}.region .main-banner{position:absolute;z-index:3;top:787px;left:360px;width:310px;}.region .studen-left{position:absolute;z-index:3;top:1090px;left:28px;width:170px;}.region .studen-right{position:absolute;z-index:3;top:978px;left:465px;width:251px;}.region .region-north{position:absolute;top:0;width:381px;left:74px;}.region .region-north .banner-region{z-index:3;position:absolute;width:140px;top:100px;left:-130px;}.region .region-north-east{position:absolute;top:183px;width:415px;left:372px;}.region .region-north-east .banner-region{z-index:3;position:absolute;left:150px;width:250px;top:-50px;}.region .region-east{position:absolute;top:537px;width:196px;left:367px;}.region .region-east .banner-region{z-index:3;position:absolute;width:150px;top:150px;}.region .region-central{position:absolute;top:423px;width:288px;left:144px;}.region .region-central .banner-region{z-index:3;position:absolute;width:130px;top:70px;left:-140px;}.region .region-south{position:absolute;top:835px;width:328px;left:153px;}.region .region-south .banner-region{z-index:3;position:absolute;width:100px;top:250px;left:200px;}.button-trigger-show{cursor:pointer;padding:1px 7px;background-color:rgba(128,128,128,.69);border-radius:2px;color:#fff;}.button-trigger-show img{max-width:8px;width:100%;}.region-zoom-north{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;}.region-zoom-north.show{z-index:2;}.region-zoom-north .region-north{display:flex;align-items:center;justify-content:center;position:relative;width:800px;height:800px;transform:scale(0);z-index:-1;transition:transform .5s ease-in-out;}.region-zoom-north .region-north .stu-north{position:absolute;width:200px;left:98px;top:0;z-index:3;}.region-zoom-north .region-north.zoom-in{transform:scale(1.5);z-index:2;}.region-zoom-north .region-north .province{position:absolute;overflow:hidden;}.region-zoom-north-east{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;}.region-zoom-north-east.show{z-index:2;}.region-zoom-north-east .region-north-east{display:flex;align-items:center;justify-content:center;position:relative;width:800px;height:800px;transform:scale(0);z-index:-1;transition:transform .5s ease-in-out;}.region-zoom-north-east .region-north-east .stu-north-east{position:absolute;width:305px;left:260px;top:-69px;z-index:3;}.region-zoom-north-east .region-north-east.zoom-in{transform:scale(1.5);z-index:2;}.region-zoom-north-east .region-north-east .province{position:absolute;overflow:hidden;}.region-zoom-north-east .region-north-east .province .button-show{top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;}.region-zoom-east{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;}.region-zoom-east.show{z-index:2;}.region-zoom-east .region-east{display:flex;align-items:center;justify-content:center;position:relative;width:800px;height:800px;transform:scale(0);z-index:-1;transition:transform .5s ease-in-out;}.region-zoom-east .region-east .std-east{position:absolute;width:209px;left:243px;top:-47px;z-index:3;}.region-zoom-east .region-east.zoom-in{transform:scale(1.5);z-index:2;}.region-zoom-east .region-east .province{position:absolute;overflow:hidden;}.region-zoom-east .region-east .province .button-show{top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;}.region-zoom-central{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;}.region-zoom-central.show{z-index:2;}.region-zoom-central .region-central{display:flex;align-items:center;justify-content:center;position:relative;width:800px;height:800px;transform:scale(0);z-index:-1;transition:transform .5s ease-in-out;}.region-zoom-central .region-central .std-central{position:absolute;width:209px;left:219px;top:-97px;z-index:3;}.region-zoom-central .region-central.zoom-in{transform:scale(1.5);z-index:2;}.region-zoom-central .region-central .province{position:absolute;overflow:hidden;}.region-zoom-south{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;}.region-zoom-south.show{z-index:2;}.region-zoom-south .region-south{display:flex;align-items:center;justify-content:center;position:relative;width:800px;height:800px;transform:scale(0);z-index:-1;transition:transform .5s ease-in-out;}.region-zoom-south .region-south .std-south{position:absolute;width:209px;left:406px;top:73px;z-index:3;}.region-zoom-south .region-south.zoom-in{transform:scale(1.5);z-index:2;}.region-zoom-south .region-south .province{position:absolute;overflow:hidden;}.region-zoom-south .region-south .province .button-show{top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;}.province-north,.province-north-east,.province-east,.province-central,.province-south{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);transition:transform .5s ease-in-out;z-index:-1;visibility:hidden;display:flex;flex-flow:column;align-items:center;}.province-north.show,.province-north-east.show,.province-east.show,.province-central.show,.province-south.show{transform:translate(-50%,-50%) scale(1);visibility:visible;}.province-north .img-wrapper,.province-north-east .img-wrapper,.province-east .img-wrapper,.province-central .img-wrapper,.province-south .img-wrapper{width:1000px;height:1000px;display:flex;justify-content:center;}button{border:none;}.popup-province{padding:1rem;border:3px solid #084d8a;font-size:30px;color:#084d8a;border-radius:25px;text-align:center;margin-bottom:1.5rem;}.button-back{position:absolute;top:-498px;left:-263px;animation:zoomInOut 3s ease-in-out infinite;font-size:40px;border-radius:15px;padding:5px 15px;display:none;z-index:10;}@media screen and (min-width:992px){.button-back{top:-100px;left:-100px;}}@media screen and (min-width:1200px){.button-back{top:100px;left:-100px;}}.button-back.show{display:flex;}@keyframes zoomInOut{0%,100%{transform:scale(1);}50%{transform:scale(1.1);}}