@font-face{font-family:Cloud;src:url(https://qapeople.pttgcgroup.com/th/assets/font/Cloud-Light.woff2) format("truetype");font-weight:400}@font-face{font-family:Cloud;src:url(https://qapeople.pttgcgroup.com/th/assets/font/Cloud-Bold.woff2) format("truetype");font-weight:700}@font-face{font-family:MotionControl;src:url(../../assets/fonts/MotionControl-Bold.ttf) format("truetype")}@font-face{font-family:ethnocentric-rg;src:url(../../assets/fonts/ethnocentric-rg.ttf) format("truetype");font-weight:400}@font-face{font-family:ethnocentric-rg;src:url(../../assets/fonts/ethnocentric-rg-it.ttf) format("truetype");font-weight:700}@font-face{font-family:MotionControl;src:url(../../assets/fonts/MotionControl-Bold.ttf) format("truetype")}html{scroll-behavior:smooth;overflow-x:hidden}body{overflow:hidden}main{font-family:MotionControl,Cloud}section#video{padding-top:55px;background:url(../../assets/images/slide-3.jpg) no-repeat;background-size:cover}section#video video{width:100%;max-width:890px;display:block;margin:0 auto;box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)}section#character{padding:80px 0;background:#1f1d32 url(../../assets/images/slide-1.jpg) no-repeat;background-position:center;background-size:cover}section#character-info{padding:10px 0 150px;background:url(../../assets/images/slide-2.jpg) no-repeat;background-position:center;background-size:cover}video:focus{outline:0}video{position:relative}video:hover{z-index:8}.bg-transp{display:block;text-align:center;background:linear-gradient(105deg,transparent 10%,rgba(0,0,0,.3) 10%,rgba(0,0,0,.3) 90%,transparent 90%) 100%/100% 100% no-repeat;color:#fff;padding:15px 40px;position:relative;font-size:40px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}a .bg-transp{padding:5px;color:#fff;border:2px solid #fff;background:#1e1739;background-image:linear-gradient(165deg,#fff 65%,transparent 65%);background-image:-webkit-linear-gradient(165deg,#fff 50%,transparent 50%);background-size:500px;background-repeat:no-repeat;background-position:0;-webkit-transition:background .3s ease-in-out;transition:background .3s ease-in-out}a.character-link-central .bg-transp{padding:0;line-height:1.3;background-size:450px}a.link-join-our-team .bg-transp{padding:0;line-height:1.3;background-size:350px;width:200px;margin:auto;border-width:2px;font-size:30px}a .bg-transp:hover{background-position:100%;color:#1e1739}.logo-skill{width:100px;height:100px;margin:auto;cursor:pointer}.box-skill{font-size:22px;font-weight:400}.box-skill div{letter-spacing:1px;margin-top:-12px;line-height:1.1}.tooltip{margin-left:5px!important}.tooltip-inner{background-color:#fff;font-size:16px!important;color:#333;line-height:1.2;padding:10px;font-weight:700;max-width:320px}.tooltip .arrow:before{border-right-color:#fff}section#characters{background-color:#1f1d33;overflow:hidden}section#characters .title{font-size:46px;color:#fff;text-align:center}section{margin-top:-1px}.box-select-character{text-align:center}.cursor-pointer{cursor:pointer}.box-select-character .detail{color:#fff;font-size:30px}.box-select-character:hover .detail{color:#38cfd8}.character-video{width:300px;position:absolute;right:-40px;bottom:10px;text-align:center;pointer-events:initial!important}.character-video img{width:210px}.box-back-to-main-page{position:absolute;left:0;right:0;margin:auto;width:100%;max-width:890px;display:block;top:-45px}.link-back-main-page,.link-join-our-team{font-size:30px;color:#fff}section#character-info .container{max-width:890px;width:100%;margin:auto}section#character-info .title{font-family:ethnocentric-rg,serif;font-size:52px;color:#fff}section#character-info .description{font-size:30px;color:#fff}a.link-back-main-page:hover,a.link-join-our-team:hover{color:#8d86a9}a:hover{text-decoration:none}#hunter,#strategist,#warrior,#wizard{display:none}.box-select-character:nth-of-type(5){display:none}#character-skill{height:244px}#character-info{font-size:22px}#character-name{font-family:ethnocentric-rg,serif;font-size:32px;line-height:54px}#triangle-left{width:46px;height:0;border-top:28px solid transparent;border-right:46px solid #fff;border-bottom:28px solid transparent;position:absolute;right:20px}#triangle-right{width:46px;height:0;border-top:28px solid transparent;border-left:46px solid #fff;border-bottom:28px solid transparent;position:absolute;left:20px}.character-skill:not(:first-child){display:none}#showcase{height:470px}#slider-character{display:none!important}.cloud9-item{cursor:pointer}.cloud9-item{opacity:.5}#character{background-image:url(http://placekitten.com/1000/1000);background-position:50% 0;background-repeat:no-repeat;-webkit-background-size:cover;background-size:cover;-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.cloud9-item>img{position:absolute}#skill-logo-ENDURANCE{background:url(../../assets/images/characters/Executor/600x600/03-3.png) no-repeat;background-size:cover}#skill-logo-ENDURANCE:hover{background:url(../../assets/images/characters/Executor/600x600/03.png) no-repeat;background-size:cover}#skill-logo-PRECISION{background:url(../../assets/images/characters/Executor/600x600/01-1.png) no-repeat;background-size:cover}#skill-logo-PRECISION:hover{background:url(../../assets/images/characters/Executor/600x600/01.png) no-repeat;background-size:cover}#skill-logo-PROACTIVENESS{background:url(../../assets/images/characters/Executor/600x600/02-2.png) no-repeat;background-size:cover}#skill-logo-PROACTIVENESS:hover{background:url(../../assets/images/characters/Executor/600x600/02.png) no-repeat;background-size:cover}#skill-logo-VISION{background:url(../../assets/images/characters/Strategist/600x600/03-3.png) no-repeat;background-size:cover}#skill-logo-VISION:hover{background:url(../../assets/images/characters/Strategist/600x600/03.png) no-repeat;background-size:cover}#skill-logo-ANALYSIS{background:url(../../assets/images/characters/Strategist/600x600/01-1.png) no-repeat;background-size:cover}#skill-logo-ANALYSIS:hover{background:url(../../assets/images/characters/Strategist/600x600/01.png) no-repeat;background-size:cover}#skill-logo-PLANNING{background:url(../../assets/images/characters/Strategist/600x600/02-2.png) no-repeat;background-size:cover}#skill-logo-PLANNING:hover{background:url(../../assets/images/characters/Strategist/600x600/02.png) no-repeat;background-size:cover}#skill-logo-COLLABORATION{background:url(../../assets/images/characters/Warrior/600x600/01-1.png) no-repeat;background-size:cover}#skill-logo-COLLABORATION:hover{background:url(../../assets/images/characters/Warrior/600x600/01.png) no-repeat;background-size:cover}#skill-logo-LEADERSHIP{background:url(../../assets/images/characters/Warrior/600x600/02-2.png) no-repeat;background-size:cover}#skill-logo-LEADERSHIP:hover{background:url(../../assets/images/characters/Warrior/600x600/02.png) no-repeat;background-size:cover}#skill-logo-RESOURCEMANAGEMENT{background:url(../../assets/images/characters/Warrior/600x600/03-3.png) no-repeat;background-size:cover}#skill-logo-RESOURCEMANAGEMENT:hover{background:url(../../assets/images/characters/Warrior/600x600/03.png) no-repeat;background-size:cover}#skill-logo-KNOWLEDGE{background:url(../../assets/images/characters/Wizard/600x600/01-1.png) no-repeat;background-size:cover}#skill-logo-KNOWLEDGE:hover{background:url(../../assets/images/characters/Wizard/600x600/01.png) no-repeat;background-size:cover}#skill-logo-IMAGINATION{background:url(../../assets/images/characters/Wizard/600x600/02-2.png) no-repeat;background-size:cover}#skill-logo-IMAGINATION:hover{background:url(../../assets/images/characters/Wizard/600x600/02.png) no-repeat;background-size:cover}#skill-logo-STAMINA{background:url(../../assets/images/characters/Wizard/600x600/03-3.png) no-repeat;background-size:cover}#skill-logo-STAMINA:hover{background:url(../../assets/images/characters/Wizard/600x600/03.png) no-repeat;background-size:cover}#skill-logo-COMMUNICATION{background:url(../../assets/images/characters/Hunter/600x600/01-1.png) no-repeat;background-size:cover}#skill-logo-COMMUNICATION:hover{background:url(../../assets/images/characters/Hunter/600x600/01.png) no-repeat;background-size:cover}#skill-logo-EMPATHY{background:url(../../assets/images/characters/Hunter/600x600/02-2.png) no-repeat;background-size:cover}#skill-logo-EMPATHY:hover{background:url(../../assets/images/characters/Hunter/600x600/02.png) no-repeat;background-size:cover}#skill-logo-NEGOTIATION{background:url(../../assets/images/characters/Hunter/600x600/03-3.png) no-repeat;background-size:cover}#skill-logo-NEGOTIATION:hover{background:url(../../assets/images/characters/Hunter/600x600/03.png) no-repeat;background-size:cover}@media (min-width:1200px){section#character{padding:150px 0 100px}}@media (max-width:992px){section#characters .title{font-size:30px}.box-select-character .detail{font-size:22px}.bg-transp{padding:15px}#showcase{height:335px}}@media (max-width:767px){#slider-character{display:block!important}a .bg-transp{background-size:650px}}@media (max-width:575.98px){section#character-info .title{font-size:28px}section#characters .title{font-size:26px}.box-select-character .detail{font-size:18px}.bg-transp{padding:15px 5px}}@media all and (-ms-high-contrast:none){a .bg-transp{background-image:none}a .bg-transp:hover{color:#fff}}