@charset "UTF-8";*{font-family:chulabhornlikittext-medium,serif}.light-text{font-family:chulabhornlikittext-light,serif}.regular-text{font-family:chulabhornlikittext-regular,serif}.bold-text{font-family:chulabhornlikittext-bold,serif}.medium-text{font-family:chulabhornlikittext-medium,serif}.medium-display{font-family:chulabhornlikitdisplay-medium,serif}.text-number{font-family:Inconsolata,monospace}.text-orange{color:#ed6019}.inline-block{display:inline-block!important}.block{display:block!important}.my-animated-05{animation-duration:.5s}.ng-enter,.ng-leave-active{opacity:0}.ng-enter-active{opacity:1}.ng-leave.ng-leave-active{display:none}.ng-hide{transition:all 0s!important;animation-duration:0s!important}.img-footer{z-index:1;left:0;bottom:0;width:100%;text-align:center}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px rgba(71,89,188,.199);border-radius:5px}::-webkit-scrollbar-thumb{background:rgba(71,89,188,.514);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:rgba(71,89,188,.842)}body,html{color:#fff;background-color:#f0f0f0;height:100%}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#d7d3f0!important}.bg-dark{background-color:#070069!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#0c0248!important}.modal-center{margin:30vh auto}.gray-disabled-filter{-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:gray}.cursor-no-drop{cursor:no-drop}.cursor-pointer{cursor:pointer}.bg-home-index-gradient{min-height:100vh;height:100%;background:#1c4694;background:linear-gradient(180deg,#039 0,#173c81 60%,#039 100%)}.bg-home-index{background-image:url(../images/bg_phone.png);background-size:contain;min-width:100%;min-height:100vh;background-repeat:no-repeat;background-attachment:fixed;background-position:bottom center}.bg-check-shoe{min-height:100vh;height:100%;background:#499bea;background:radial-gradient(ellipse at center,#499bea 0,#207ce5 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=1 )}.btn-start-process{font-size:1.35rem;color:#fff;border:2px solid #CC5316;background-color:#ED6019;border-radius:.3rem;padding:.75rem 1.5rem}.logo-center{margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.outer{display:table;height:100%;width:100%;position:fixed;overflow:hidden;z-index:100}.middle{display:table-cell;vertical-align:middle}.inner{margin:0 auto}.textAlignVer{display:block;filter:flipv fliph;transform:rotate(90deg);position:relative;white-space:nowrap;padding-left:10px}.shoe-block-r0{width:calc(193px /3);-webkit-clip-path:polygon(100% 8%,72% 18%,46% 44%,18% 100%,100% 100%);clip-path:polygon(100% 8%,72% 18%,46% 44%,18% 100%,100% 100%)}.shoe-block-r1-1{width:calc(96.5px /3);-webkit-clip-path:polygon(100% 3%,42% 3%,0 6%,0 100%,99% 100%);clip-path:polygon(100% 3%,42% 3%,0 6%,0 100%,99% 100%)}.shoe-block-r1-2{width:calc(96.5px /3);-webkit-clip-path:polygon(100% 23%,58% 10%,0 2%,0 100%,99% 100%);clip-path:polygon(100% 23%,58% 10%,0 2%,0 100%,99% 100%)}.shoe-block-r2{width:calc(193px /3);-webkit-clip-path:polygon(0 23%,0 100%,72% 100%,43% 59%);clip-path:polygon(0 23%,0 100%,72% 100%,43% 59%)}.shoe-block-l0{width:calc(193px /3);-webkit-clip-path:polygon(100% 23%,58% 58%,28% 100%,100% 100%);clip-path:polygon(100% 23%,58% 58%,28% 100%,100% 100%)}.shoe-block-l1-1{width:calc(96.5px /3);-webkit-clip-path:polygon(100% 2%,44% 9%,0 22%,0 100%,100% 100%);clip-path:polygon(100% 2%,44% 9%,0 22%,0 100%,100% 100%)}.shoe-block-l1-2{width:calc(96.5px /3);-webkit-clip-path:polygon(0 3%,0 100%,100% 100%,100% 6%,60% 3%);clip-path:polygon(0 3%,0 100%,100% 100%,100% 6%,60% 3%)}.shoe-block-l2{width:calc(193px /3);-webkit-clip-path:polygon(0 7%,0 100%,82% 100%,54% 44%,30% 19%);clip-path:polygon(0 7%,0 100%,82% 100%,54% 44%,30% 19%)}.shoe-block-r3{width:calc(193px /3);-webkit-clip-path:polygon(18% 0,6% 49%,12% 100%,100% 100%,100% 0);clip-path:polygon(18% 0,6% 49%,12% 100%,100% 100%,100% 0)}.shoe-block-r4{width:calc(193px /3);-webkit-clip-path:polygon(0 0,0 100%,100% 100%,100% 0);clip-path:polygon(0 0,0 100%,100% 100%,100% 0)}.shoe-block-r5{width:calc(193px /3);-webkit-clip-path:polygon(0 0,0 100%,99% 100%,91% 45%,72% 0);clip-path:polygon(0 0,0 100%,99% 100%,91% 45%,72% 0)}.shoe-block-l3{width:calc(193px /3);-webkit-clip-path:polygon(28% 0,9% 45%,0 100%,100% 100%,100% 0);clip-path:polygon(28% 0,9% 45%,0 100%,100% 100%,100% 0)}.shoe-block-l4{width:calc(193px /3);-webkit-clip-path:polygon(0 0,0 100%,100% 100%,100% 0);clip-path:polygon(0 0,0 100%,100% 100%,100% 0)}.shoe-block-l5{width:calc(193px /3);-webkit-clip-path:polygon(0 0,0 100%,88% 100%,93% 50%,82% 0);clip-path:polygon(0 0,0 100%,88% 100%,93% 50%,82% 0)}.shoe-block-r6{width:calc(193px /3);-webkit-clip-path:polygon(12% 0,25% 41%,36% 65%,47% 100%,100% 100%,100% 0);clip-path:polygon(12% 0,25% 41%,36% 65%,47% 100%,100% 100%,100% 0)}.shoe-block-r7{width:calc(193px /3);-webkit-clip-path:polygon(0 0,0 100%,100% 100%,100% 0);clip-path:polygon(0 0,0 100%,100% 100%,100% 0)}.shoe-block-r8{width:calc(193px /3);-webkit-clip-path:polygon(0 0,0 100%,81% 100%,100% 40%,100% 0);clip-path:polygon(0 0,0 100%,81% 100%,100% 40%,100% 0)}.shoe-block-l6{width:calc(193px /3);-webkit-clip-path:polygon(0 40%,19% 100%,100% 100%,100% 0,0 0);clip-path:polygon(0 40%,19% 100%,100% 100%,100% 0,0 0)}.shoe-block-l7{width:calc(193px /3);-webkit-clip-path:polygon(0 0,0 100%,100% 100%,100% 0);clip-path:polygon(0 0,0 100%,100% 100%,100% 0)}.shoe-block-l8{width:calc(193px /3);-webkit-clip-path:polygon(88% 0,74% 44%,63% 67%,53% 100%,0 100%,0 0);clip-path:polygon(88% 0,74% 44%,63% 67%,53% 100%,0 100%,0 0)}.shoe-block-r9{width:calc(193px /3);-webkit-clip-path:polygon(47% 0,53% 31%,50% 76%,47% 100%,100% 100%,100% 0);clip-path:polygon(47% 0,53% 31%,50% 76%,47% 100%,100% 100%,100% 0)}.shoe-block-l9{width:calc(193px /3);-webkit-clip-path:polygon(100% 0,18% 0,36% 52%,51% 100%,100% 100%);clip-path:polygon(100% 0,18% 0,36% 52%,51% 100%,100% 100%)}.shoe-block-r10{width:calc(193px /3);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.shoe-block-l10{width:calc(193px /3);-webkit-clip-path:polygon(100% 0,0 0,0 100%,100% 100%);clip-path:polygon(100% 0,0 0,0 100%,100% 100%)}.shoe-block-r11{width:calc(193px /3);-webkit-clip-path:polygon(0 0,0 100%,50% 100%,65% 49%,82% 0);clip-path:polygon(0 0,0 100%,50% 100%,65% 49%,82% 0)}.shoe-block-l11{width:calc(193px /3);-webkit-clip-path:polygon(0 0,0 100%,53% 100%,46% 31%,53% 0);clip-path:polygon(0 0,0 100%,53% 100%,46% 31%,53% 0)}.shoe-block-r12{width:calc(193px /3);-webkit-clip-path:polygon(47% 0,32% 79%,32% 100%,100% 100%,100% 0);clip-path:polygon(47% 0,32% 79%,32% 100%,100% 100%,100% 0)}.shoe-block-l12{width:calc(193px /3);-webkit-clip-path:polygon(50% 0,55% 25%,55% 73%,62% 100%,100% 100%,100% 0);clip-path:polygon(50% 0,55% 25%,55% 73%,62% 100%,100% 100%,100% 0)}.shoe-block-l13,.shoe-block-r13{width:calc(193px /3);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.shoe-block-r14{width:calc(193px /3);-webkit-clip-path:polygon(0 0,0 100%,38% 100%,45% 75%,45% 25%,50% 0);clip-path:polygon(0 0,0 100%,38% 100%,45% 75%,45% 25%,50% 0)}.shoe-block-l14{width:calc(193px /3);-webkit-clip-path:polygon(0 0,0 100%,68% 100%,67% 75%,53% 0);clip-path:polygon(0 0,0 100%,68% 100%,67% 75%,53% 0)}.shoe-block-r15{width:calc(193px /3);-webkit-clip-path:polygon(32% 0,41% 36%,70% 64%,100% 74%,100% 0);clip-path:polygon(32% 0,41% 36%,70% 64%,100% 74%,100% 0)}.shoe-block-r16-1{width:calc(96.5px /3);-webkit-clip-path:polygon(0 0,0 75%,44% 81%,100% 80%,100% 0);clip-path:polygon(0 0,0 75%,44% 81%,100% 80%,100% 0)}.shoe-block-l15{width:calc(193px /3);-webkit-clip-path:polygon(61% 0,74% 34%,100% 64%,100% 0);clip-path:polygon(61% 0,74% 34%,100% 64%,100% 0)}.shoe-block-l16-1{width:calc(96.5px /3);-webkit-clip-path:polygon(0 0,0 64%,66% 81%,100% 81%,100% 0);clip-path:polygon(0 0,0 64%,66% 81%,100% 81%,100% 0)}.shoe-block-r16-2{width:calc(96.5px /3);-webkit-clip-path:polygon(0 0,0 81%,35% 81%,100% 64%,100% 0);clip-path:polygon(0 0,0 81%,35% 81%,100% 64%,100% 0)}.shoe-block-r17{width:calc(193px /3);-webkit-clip-path:polygon(0 0,0 64%,28% 31%,38% 0);clip-path:polygon(0 0,0 64%,28% 31%,38% 0)}.shoe-block-l16-2{width:calc(96.5px /3);-webkit-clip-path:polygon(0 0,0 81%,60% 81%,100% 75%,100% 0);clip-path:polygon(0 0,0 81%,60% 81%,100% 75%,100% 0)}.shoe-block-l17{width:calc(193px /3);-webkit-clip-path:polygon(0 0,0 74%,31% 63%,59% 36%,68% 0);clip-path:polygon(0 0,0 74%,31% 63%,59% 36%,68% 0)}.shoe-full-L{-webkit-clip-path:polygon(46% 1%,34% 4%,21% 9%,10% 16%,3% 25%,0 33%,0 40%,9% 55%,17% 66%,19% 72%,18% 79%,24% 88%,33% 94%,44% 96%,59% 97%,76% 94%,86% 89%,89% 81%,84% 69%,82% 55%,84% 49%,90% 41%,95% 33%,97% 25%,94% 17%,85% 8%,76% 3%,63% 1%);clip-path:polygon(46% 1%,34% 4%,21% 9%,10% 16%,3% 25%,0 33%,0 40%,9% 55%,17% 66%,19% 72%,18% 79%,24% 88%,33% 94%,44% 96%,59% 97%,76% 94%,86% 89%,89% 81%,84% 69%,82% 55%,84% 49%,90% 41%,95% 33%,97% 25%,94% 17%,85% 8%,76% 3%,63% 1%)}.shoe-full-R{-webkit-clip-path:polygon(24% 3%,15% 7%,6% 17%,2% 25%,4% 34%,10% 42%,15% 48%,18% 55%,17% 64%,13% 72%,10% 81%,13% 89%,23% 94%,39% 96%,55% 97%,66% 94%,75% 89%,79% 84%,81% 79%,82% 67%,94% 50%,99% 41%,100% 33%,96% 24%,91% 17%,79% 9%,67% 4%,55% 1%,37% 1%);clip-path:polygon(24% 3%,15% 7%,6% 17%,2% 25%,4% 34%,10% 42%,15% 48%,18% 55%,17% 64%,13% 72%,10% 81%,13% 89%,23% 94%,39% 96%,55% 97%,66% 94%,75% 89%,79% 84%,81% 79%,82% 67%,94% 50%,99% 41%,100% 33%,96% 24%,91% 17%,79% 9%,67% 4%,55% 1%,37% 1%)}.h-shoe{height:70px}.shoe-r1-s{width:calc(131.5px /3);-webkit-clip-path:polygon(83% 0,68% 1%,48% 5%,28% 14%,7% 33%,0 50%,5% 66%,12% 78%,22% 89%,29% 100%,100% 100%,100% 0);clip-path:polygon(83% 0,68% 1%,48% 5%,28% 14%,7% 33%,0 50%,5% 66%,12% 78%,22% 89%,29% 100%,100% 100%,100% 0)}.shoe-r2-s{width:calc(151px /3);-webkit-clip-path:polygon(5% 0,22% 2%,38% 7%,63% 18%,83% 33%,95% 48%,100% 64%,100% 80%,89% 100%,0 100%,0 0);clip-path:polygon(5% 0,22% 2%,38% 7%,63% 18%,83% 33%,95% 48%,100% 64%,100% 80%,89% 100%,0 100%,0 0)}.shoe-r3-s{width:calc(107px /3);-webkit-clip-path:polygon(14% 0,19% 11%,14% 36%,0 65%,0 71%,8% 84%,34% 94%,79% 100%,100% 100%,100% 0);clip-path:polygon(14% 0,19% 11%,14% 36%,0 65%,0 71%,8% 84%,34% 94%,79% 100%,100% 100%,100% 0)}.shoe-r4-s{width:calc(134px /3);-webkit-clip-path:polygon(18% 100%,42% 94%,61% 83%,69% 71%,74% 62%,73% 45%,78% 33%,88% 17%,100% 0,0 0,0 100%);clip-path:polygon(18% 100%,42% 94%,61% 83%,69% 71%,74% 62%,73% 45%,78% 33%,88% 17%,100% 0,0 0,0 100%)}.shoe-l1-s{width:calc(131.5px /3);-webkit-clip-path:polygon(22% 0,31% 1%,52% 5%,71% 13%,92% 32%,100% 49%,96% 67%,85% 81%,71% 100%,0 100%,0 0);clip-path:polygon(22% 0,31% 1%,52% 5%,71% 13%,92% 32%,100% 49%,96% 67%,85% 81%,71% 100%,0 100%,0 0)}.shoe-l2-s{width:calc(134px /3);-webkit-clip-path:polygon(0 0,9% 13%,27% 43%,27% 63%,32% 72%,40% 83%,59% 94%,83% 100%,100% 100%,100% 0);clip-path:polygon(0 0,9% 13%,27% 43%,27% 63%,32% 72%,40% 83%,59% 94%,83% 100%,100% 100%,100% 0)}.shoe-l3-s{width:calc(107px /3);-webkit-clip-path:polygon(22% 100%,65% 95%,92% 84%,100% 72%,100% 65%,86% 36%,84% 28%,81% 11%,86% 0,0 0,0 100%);clip-path:polygon(22% 100%,65% 95%,92% 84%,100% 72%,100% 65%,86% 36%,84% 28%,81% 11%,86% 0,0 0,0 100%)}