.thansohoc-container{overflow-y:auto;overflow-x:hidden;height:100vh}.thansohoc-container .form-input{display:grid;grid-template-columns:200px 130px auto;gap:10px}.thansohoc{gap:20px}.thansohoc .width{min-width:100px;max-width:100px;padding:20px;display:flex;justify-content:center;align-items:center}.thansohoc .name-number-container{display:grid;grid-template-columns:auto 50px;gap:10px;font-size:20px}.thansohoc .name-number-container .name-number .name-child,.thansohoc .name-number-container .name-number .number-child{display:flex;align-items:center;justify-content:center;width:12px}.thansohoc .name-number-container .main-num .main-num-child{display:flex;justify-content:center;align-items:center}.thansohoc .name-number-container .main-num .main-num-child:last-child{margin:0!important}.thansohoc .name-number-container .name-num-result{justify-content:space-between;align-items:end}.thansohoc .name-number-container .name-num-result .result{color:#871414;font-weight:600;padding:0 8px;background:#eeb50a;border-radius:6px}.thansohoc .matrix-n-alphabet{margin-top:20px}.thansohoc .matrix{position:relative}.thansohoc .matrix .arrow{position:absolute}.thansohoc .matrix .col1{top:-16px;left:80px}.thansohoc .matrix .col1 svg path{fill:#fd944e}.thansohoc .matrix .col2{top:-16px;left:180px}.thansohoc .matrix .col2 svg path{fill:#7a3cb7}.thansohoc .matrix .col3{top:-16px;left:200px}.thansohoc .matrix .col3 svg path{fill:#3cb73c}.thansohoc .matrix .row1{transform:rotate(90deg);left:150px;top:-103px}.thansohoc .matrix .row1 svg path{fill:#6b6b79}.thansohoc .matrix .row2{transform:rotate(90deg);left:150px;top:-35px}.thansohoc .matrix .row2 svg path{fill:#abb6fb}.thansohoc .matrix .row3{transform:rotate(90deg);left:150px;top:32px}.thansohoc .matrix .row3 svg path{fill:#ff5050}.thansohoc .matrix .cross1{transform:rotate(124deg);top:-51px;left:138px}.thansohoc .matrix .cross1 svg path{fill:#cac841}.thansohoc .matrix .cross2{transform:rotate(58deg);top:-58px;left:150px}.thansohoc .matrix .cross2 svg path{fill:#d3d3d3}.thansohoc .alphabet thead th{background-color:#eeb50a}.thansohoc .alphabet thead th:first-child{border-top-left-radius:6px}.thansohoc .alphabet thead th:last-child{border-top-right-radius:6px}.thansohoc .alphabet td,.thansohoc .alphabet th{text-align:center;padding:10px 15px}.thansohoc .alphabet table{border-collapse:collapse;border-radius:6px;border-style:hidden;box-shadow:0 0 0 1px #fff}.thansohoc .alphabet td,.thansohoc .alphabet th{border:1px solid #fff}.thansohoc .sinChart{font-size:1.125rem;position:relative;padding:50px;width:600px}.thansohoc .sinChart .sin-num{position:absolute}.thansohoc .sinChart .position{position:absolute;color:#bf0303;display:flex;flex-direction:column;align-items:center;transform:translate(-15px,5px);gap:3px}.thansohoc .sinChart #sin-num-1{top:20px;left:45px}.thansohoc .sinChart #sin-num-2{top:111px;left:60px}.thansohoc .sinChart #sin-num-3{top:195px;left:100px}.thansohoc .sinChart #sin-num-4{bottom:30px;left:165px}.thansohoc .sinChart #sin-num-5{top:190px;left:235px}.thansohoc .sinChart #sin-num-6{top:130px;left:305px}.thansohoc .sinChart #sin-num-7{bottom:31px;right:162px}.thansohoc .sinChart #sin-num-8{bottom:136px;right:76px}.thansohoc .sinChart #sin-num-9{top:30px;right:45px}.thansohoc .pyramidChart{font-size:18px;position:relative;width:400px;padding:20px;margin-top:20px}.thansohoc .pyramidChart label{position:absolute}.thansohoc .pyramidChart #char-top1{top:-10px;left:50%}.thansohoc .pyramidChart #char-top2{left:50%;top:25%}.thansohoc .pyramidChart #char-top3-l{top:53%;left:22%}.thansohoc .pyramidChart #char-top3-r{top:53%;right:22%}.thansohoc .pyramidChart #num-top1{left:47%;top:35px}.thansohoc .pyramidChart #num-top2{left:49%;top:37%}.thansohoc .pyramidChart #num-top3-l{left:27%;top:69%}.thansohoc .pyramidChart #num-top3-r{right:27%;top:69%}.thansohoc .pyramidChart #num-bot-l{left:20px}.thansohoc .pyramidChart #num-bot-m{left:50%}.thansohoc .pyramidChart #num-bot-r{right:20px}.thansohoc .pyramidChart .peak{color:#eeb50a}.thansohoc .pyramidChart .num-bot{font-size:26px}.thansohoc .pyramidChart .red-num{color:#bf0303}.thansohoc .formula{font-size:25px;padding:5px 10px;background:#eeb50a;color:#000;font-weight:500;border-radius:6px}@media only screen and (max-width:768px){.thansohoc .matrix-n-alphabet{flex-direction:column}}@media only screen and (max-width:514px){.form-input{grid-template-columns:200px 150px!important}.form-input .ant-btn{width:360px}.thansohoc{gap:30px!important}.thansohoc .matrix-n-alphabet{flex-direction:column}.thansohoc .alphabet td,.thansohoc .alphabet th{padding:10px 12px!important}.thansohoc .sinChart{width:450px!important}.thansohoc .sinChart,.thansohoc .sinChart .position{font-size:1rem!important}.thansohoc .sinChart #sin-num-2{top:90px!important;left:57px!important}.thansohoc .sinChart #sin-num-3{top:151px!important;left:82px!important}.thansohoc .sinChart #sin-num-4{bottom:40px!important;left:130px!important}.thansohoc .sinChart #sin-num-5{top:146px!important;left:178px!important}.thansohoc .sinChart #sin-num-6{top:103px!important;left:229px!important}.thansohoc .sinChart #sin-num-7{bottom:40px!important;right:127px!important}.thansohoc .sinChart #sin-num-8{bottom:108px!important;right:67px!important}.thansohoc .pyramidChart{width:360px;font-size:1rem!important;margin:30px 0!important}}@media only screen and (max-width:400px){.name-number-container{grid-template-columns:auto!important}.name-number-container .name-num-result{gap:12px;justify-content:center!important}}.ant-btn{color:#000;background-color:#eeb50a!important}.ant-btn:hover{color:#000!important;background-color:#d49a4d!important}:where(.css-dev-only-do-not-override-1adbn6x).ant-btn-primary:not(:disabled):not(.ant-btn-disabled):hover{color:#fff;background-color:#d49a4d!important}:where(.css-dev-only-do-not-override-1adbn6x).ant-picker-focused.ant-picker{border-color:#d49a4d!important}:where(.css-dev-only-do-not-override-1adbn6x).ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner,:where(.css-dev-only-do-not-override-1adbn6x).ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,:where(.css-dev-only-do-not-override-1adbn6x).ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner{background:#eeb50a!important}:where(.css-dev-only-do-not-override-1adbn6x).ant-picker-dropdown .ant-picker-header-view button:hover{color:#eeb50a}:where(.css-dev-only-do-not-override-1adbn6x).ant-input:hover{border-color:#eeb50a}:where(.css-dev-only-do-not-override-1adbn6x).ant-picker:hover{border-color:#eeb50a}