@charset "UTF-8";:root{--x-color-primary:rgb(239, 138, 31)}html{-webkit-tap-highlight-color:transparent;scroll-behavior:smooth;overflow-x:hidden!important}body{font-family:Sound,Helvetica Neue,Helvetica,tahoma,Arial,sans-serif;font-weight:400;color:#6d6e72;background:#fff!important;width:100vw;max-width:100vw;height:100%;min-height:100vh;-webkit-backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;position:relative;opacity:1;font-size:1.2rem}img{max-width:100%;height:auto;vertical-align:middle;animation:fadeIn .5s}::-moz-selection{background:#ceefff;color:#33a4dc}::selection{background:#ceefff;color:#33a4dc;text-shadow:none}mark{background-color:#ceefff;color:#33a4dc;text-decoration:none}.ui.list .list>.item,.ui.list>.item,ol.ui.list li,ul.ui.list li{line-height:1.5rem!important}:focus{outline:0}.box{overflow:hidden;display:flex;justify-content:center}::-webkit-scrollbar{width:10px;height:12px}::-webkit-scrollbar-track{background:0 0;background-color:transparent}::-webkit-scrollbar-thumb{border-radius:8px;border:solid 2px #fff;background:#bcbab7;min-height:40px}::-webkit-scrollbar-thumb:hover{background:#99a3a6}.bg-main{background-color:var(--x-color-primary)}.text-main{color:var(--x-color-primary)!important}header.result{width:100%;height:80px;background:#fff;box-shadow:0 3px 20px 0 rgba(0,0,0,.1);padding-left:2.5rem;padding-right:2.5rem}header.result .header-left{padding:0}header.result .header-right{padding:0;text-align:right}.dzsparallaxer--target{background-size:cover!important}.alpha-cover{background:#001f33!important;width:100%;height:auto}.alpha-cover ._slogan_en{font-size:1.3rem}.alpha-cover ._slogan{font-size:2rem;font-weight:900}#chartdiv{width:100%;height:100%}.chart-container{margin:0 auto;display:flex;align-items:center;justify-content:center;align-items:center;position:relative;height:320px}.chart-container:before{content:'';position:absolute;max-width:100%;width:250px;height:inherit;background-image:url(../images/bg_radar2.svg);background-size:contain;background-position:0 0;background-repeat:no-repeat;background-position:center}.dropdown-item-icon{opacity:1}.circle-custom-text{z-index:1;position:absolute;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.circle-title{font-size:18px;font-weight:600}.btn-circle{border-radius:100%;width:40px;height:40px;padding:10px}.btn-facebook{color:#fff;background-color:#2f53a1}.btn-lineapp{color:#fff;background-color:#00be00}.btn-twitter{color:#fff;background-color:#1da1f2}.progressbar{counter-reset:step;padding-left:0;text-align:center;max-width:615px;margin:0 auto}.progressbar li{list-style:none;display:inline-block;width:10%;position:relative;text-align:center;cursor:pointer}.progressbar li:before{content:counter(step);counter-increment:step;width:30px;height:30px;line-height:30px;border-radius:100%;display:block;text-align:center;margin:0 auto 10px auto;background-color:#dcdfe5;color:#fff}.progressbar li:after{content:"";position:absolute;width:100%;height:1px;background-color:#d3e6ff;top:15px;left:-50%;z-index:-1}.progressbar li:first-child:after{content:none}.progressbar li.active:before{border-color:green}.progressbar li.active+li:after{background-color:#d3e6ff}.progressbar li.step1.active:before{color:#fff;background-color:#303030}.progressbar li.step2.active:before{color:#fff;background-color:#f5445a}.progressbar li.step3.active:before{color:#fff;background-color:#fbba3c}.progressbar li.step4.active:before{color:#fff;background-color:#75ded6}.progressbar li.step5.active:before{color:#fff;background-color:#0f91fc}.btn-main{color:#fff;background-color:var(--x-color-primary)}.bg-yellow{background-color:#fbb93c}.bg-gray{background-color:#f7faff}.bg-green{background-color:#00c9a7}.bg-blue{background-color:#377dff}.test__wrapper{max-width:650px;margin:0 auto;color:#006e90;padding-left:1rem;padding-right:1rem}.test__wrapper h1{font-size:2rem;font-weight:700;text-align:center;margin-bottom:2.25rem}.test__wrapper .box_question{text-align:center;padding:2rem 1rem;background-color:#fcfcfc;border:2px solid #dcdfe5;border-radius:.5rem;margin-bottom:1rem;position:relative}.test__wrapper .box_question .question{font-size:1.4rem;color:#006e90;font-weight:600}.test__wrapper .box_question .progress{max-width:306px;margin:0 auto;background-color:#d3e6ff}.test__wrapper .box_question .progress .progress-bar{background-color:#006e90}.test__wrapper .box_question::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0}.test__wrapper .box_question.active{background-color:rgba(211,230,255,.4);border-color:#d3e6ff}.test__wrapper .box_question.error{background-color:rgba(255,190,198,.4);border-color:#f5445a}.result__wrapper{width:100vw;min-height:100vh;padding-top:0;padding-bottom:0;font-family:Sound}.result__wrapper .color-G{color:#e21b13!important}.result__wrapper .color-E{color:#2d5f9c!important}.result__wrapper .color-N{color:#f4ad31!important}.result__wrapper .color-I{color:#80b936!important}.result__wrapper .color-U{color:#4e4d4d!important}.result__wrapper .color-S{color:#e8498c!important}.result__wrapper h1{font-size:2.8rem;font-weight:700}.result__wrapper h2{font-size:2rem;color:#333;font-weight:700}.result__wrapper .result-box-free{position:relative}.result__wrapper .result-box-free:after{content:'ปลดล็อคแบบทดสอบเวอร์ชั่นเต็ม คลิก';position:absolute;left:0;top:50%;width:100%;height:auto;text-align:center;font-size:2rem;font-weight:700;background-color:#006e90;color:#fff;padding:10px 0}.result__wrapper .result-box{background:#fff;border-radius:5px;padding:1rem;box-shadow:0 0 20px 0 rgba(0,0,0,.16);margin-left:-15px;margin-right:-15px}.result__wrapper .result-box .genius-badge{width:auto}.result__wrapper .result-box .result--user{border-color:#d3e6ff;background-color:#d3e6ff;border-radius:.625rem;width:100%}.result__wrapper .result-box .result--user .card-header{background-color:#006e90;color:#fff;text-align:center;font-size:1.6rem;font-weight:600}.result__wrapper .result-box .result--user .card-header:first-child{border-radius:calc(.625rem - 1px) calc(.625rem - 1px) 0 0}.result__wrapper .result-box .result--user .card-body{text-align:center;background-color:#d3e6ff;border-radius:0 0 calc(.625rem - 1px) calc(.625rem - 1px)}.result__wrapper .result-box .result--user .card-body ._username{font-size:1.6rem;font-weight:600;color:#006e90}.result__wrapper .result-box .result--user .card-body ._userdetail{margin-top:1rem;font-size:1.3rem}.result__wrapper .result-box .result--user .card-body ._userdate{margin-top:1rem;font-size:1.2rem}.result__wrapper .result-box .result--accordion{background-color:#303030}.result__wrapper .result-box .result--accordion .card-header{background-color:#303030;color:#fff!important}.result__wrapper .result-box .result--accordion .card-header .btn-link{color:#fff!important}.result__wrapper .result-box .result--accordion .card-body{font-size:1.375rem;color:#fff}.result__wrapper .result-box .result--accordion .card-body ul{padding-left:1rem}.result__wrapper .result-box .result--detail{font-size:1.375rem;padding:1.25rem;background-color:#f2f2f9}#clouds{padding:100px 0;background:#e1f4fd;background:-webkit-linear-gradient(top,#e1f4fd 0,#fff 100%);background:-linear-gradient(top,#e1f4fd 0,#fff 100%);background:-moz-linear-gradient(top,#e1f4fd 0,#fff 100%);position:fixed;left:0;top:80px;width:100%;z-index:-1}.cloud{width:200px;height:60px;background:#fff;border-radius:200px;-moz-border-radius:200px;-webkit-border-radius:200px;position:relative}.cloud:after,.cloud:before{content:'';position:absolute;background:#fff;width:100px;height:80px;position:absolute;top:-15px;left:10px;border-radius:100px;-moz-border-radius:100px;-webkit-border-radius:100px;-webkit-transform:rotate(30deg);transform:rotate(30deg);-moz-transform:rotate(30deg)}.cloud:after{width:120px;height:120px;top:-55px;left:auto;right:15px}.x1{-webkit-animation:moveclouds 15s linear infinite;-moz-animation:moveclouds 15s linear infinite;-o-animation:moveclouds 15s linear infinite}.x2{left:200px;-webkit-transform:scale(.6);-moz-transform:scale(.6);transform:scale(.6);opacity:.6;-webkit-animation:moveclouds 25s linear infinite;-moz-animation:moveclouds 25s linear infinite;-o-animation:moveclouds 25s linear infinite}.x3{left:-250px;top:-200px;-webkit-transform:scale(.8);-moz-transform:scale(.8);transform:scale(.8);opacity:.8;-webkit-animation:moveclouds 20s linear infinite;-moz-animation:moveclouds 20s linear infinite;-o-animation:moveclouds 20s linear infinite}.x4{left:470px;top:-250px;-webkit-transform:scale(.75);-moz-transform:scale(.75);transform:scale(.75);opacity:.75;-webkit-animation:moveclouds 18s linear infinite;-moz-animation:moveclouds 18s linear infinite;-o-animation:moveclouds 18s linear infinite}.x5{left:-150px;top:-150px;-webkit-transform:scale(.8);-moz-transform:scale(.8);transform:scale(.8);opacity:.8;-webkit-animation:moveclouds 20s linear infinite;-moz-animation:moveclouds 20s linear infinite;-o-animation:moveclouds 20s linear infinite}@-webkit-keyframes moveclouds{0%{margin-left:1000px}100%{margin-left:-1000px}}@-moz-keyframes moveclouds{0%{margin-left:1000px}100%{margin-left:-1000px}}@-o-keyframes moveclouds{0%{margin-left:1000px}100%{margin-left:-1000px}}.overlay{position:absolute;left:0;top:0;right:0;bottom:0;background:#000;background:rgba(0,0,0,.8);filter:blur(10px);-o-filter:blur(10px);-ms-filter:blur(10px);-moz-filter:blur(10px);-webkit-filter:blur(10px)}.s-social{background-color:#fff;position:fixed;top:inherit;bottom:0;min-height:inherit;margin:0 -15px;width:calc(100% + 30px);z-index:999}@media (min-width:576px){.test__wrapper{padding-left:1rem;padding-right:1rem}.test__wrapper .box_question{padding:1rem;border-top:2px solid #dcdfe5;border-bottom:2px solid #dcdfe5;border-left:2px solid #dcdfe5;border-right:2px solid #dcdfe5;border-radius:.313rem}}@media (min-width:992px){.landing-main .landing__img{width:50%;height:100%;color:#fff}.back_to_mainsite{display:none}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1240px}.landing-main{width:100vw;height:calc(100vh - 80px)}.landing-main .landing__img{width:50%;height:100%;color:#fff}.landing-main .landing__caption{width:50%;height:100%;text-align:left}.landing-main .landing__caption h1,.landing-main .landing__caption h2{font-size:2rem;line-height:1}.landing-main .landing__caption h1{font-weight:700;line-height:1}.landing-main .landing__caption h2{font-weight:400}.landing-main .landing__caption .counter{display:inline-block;text-align:center;width:160px}.landing-main .landing__caption .counter .number{font-size:6rem;font-weight:800;line-height:110px;display:block}.landing-main .landing__caption .counter .caption{font-size:1.4rem;line-height:1;display:block}.landing-main .landing__caption .foot{margin-top:28px;font-size:1.6rem;line-height:1}.result__wrapper{padding-top:60px;padding-bottom:60px}.result__wrapper h1{font-size:4.2rem}.result__wrapper h2{font-size:2.2rem}.result__wrapper .result-box{padding:2rem}.result__wrapper .result-box .genius-badge{width:100%}.test__wrapper{padding-left:0;padding-right:0}.back_to_mainsite{display:none}}@media (min-width:1300px){.landing-main{width:100vw;height:calc(100vh - 80px)}.landing-main .landing__img{width:50%;height:100%;color:#fff}.landing-main .landing__caption{width:50%;height:100%;text-align:left}.landing-main .landing__caption h1,.landing-main .landing__caption h2{font-size:4rem;line-height:1}.landing-main .landing__caption h1{font-weight:700;line-height:1}.landing-main .landing__caption h2{font-weight:400}.landing-main .landing__caption .counter{display:inline-block;text-align:center;margin-top:38px}.landing-main .landing__caption .counter .number{font-size:9rem;font-weight:800;line-height:110px;display:block}.landing-main .landing__caption .counter .caption{font-size:1.525rem;line-height:1;display:block}.landing-main .landing__caption .foot{margin-top:48px;font-size:2rem;line-height:1}}.bootstrap-select{border:1px solid #ced4da!important}#chartdiv{width:100%;height:100%}.chart-container{margin:0 auto;display:flex;align-items:center;justify-content:center;align-items:center;position:relative;height:320px}.chart-container:before{content:'';position:absolute;max-width:100%;width:250px;height:inherit;background-image:url(../images/bg_radar_color.svg);background-size:contain;background-position:0 0;background-repeat:no-repeat;background-position:center}.parents_section ._heading{font-weight:600;font-size:34px}.parents_section ._button img{max-width:250px;animation-duration:2s;animation-iteration-count:infinite}.bounce-4{animation-name:bounce-4;animation-timing-function:ease}@keyframes bounce-4{0%{transform:scale(1,1) translateY(0)}10%{transform:scale(1,1) translateY(0)}30%{transform:scale(1.1,1.1) translateY(-10px)}50%{transform:scale(1,1) translateY(0)}100%{transform:scale(1,1) translateY(0)}}.back_to_mainsite{position:fixed;bottom:.5rem;right:.5rem}.back_to_mainsite a{display:block}.back_to_mainsite ._close{width:20px;height:20px;background:url(../images/alpha/close.svg) no-repeat;background-size:cover;position:absolute;top:10px;left:-10px;cursor:pointer}@media only screen and (min-width:767px) and (max-width:1199px){.chart-container{height:320px}.chart-container:before{width:200px;height:200px;margin:50px 0 0 0}}@media only screen and (min-width:290px) and (max-width:768px){.chart-container{height:230px}.chart-container:before{width:230px;height:230px;margin:0}}#full-stars{margin-top:10px}#full-stars .rating-group{display:inline-flex}#full-stars .rating__icon{pointer-events:none}#full-stars .rating__input{position:absolute!important;left:-9999px!important}#full-stars .rating__input--none{display:none}#full-stars .rating__label{cursor:pointer;padding:0 .1em;font-size:1.6rem}#full-stars .rating__icon--star{color:#0f91fc}#full-stars .rating__input:checked~.rating__label .rating__icon--star{color:#ddd}#full-stars .rating-group:hover .rating__label .rating__icon--star{color:#0f91fc}#full-stars .rating__input:hover~.rating__label .rating__icon--star{color:#ddd}#full-stars .rating-thanks{font-size:1rem;color:#00be00}@media (max-width:768px){header.result{padding-left:1rem;padding-right:1rem}}