@font-face{font-family:"新微軟正黑體";unicode-range:U+7db0, U+78A7, U+7B75;font-style:normal;font-weight:bold;src:local(MS Gothic), local(Yu Gothic)}@font-face{font-family:"新微軟正黑體";unicode-range:U+7db0, U+78A7, U+7B75;font-style:normal;font-weight:normal;src:local(微軟正黑體), local(Microsoft JhengHei)}body{font-family:Arial,"新微軟正黑體",Helvetica,Meiryo,Microsoft JhengHei,"微軟正黑體",sans-serif !important;-webkit-box-sizing:border-box;box-sizing:border-box;letter-spacing:0.4px;-ms-overflow-style:scrollbar}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Arial,"新微軟正黑體",Helvetica,Meiryo,Microsoft JhengHei,"微軟正黑體",sans-serif !important;letter-spacing:0.4px}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Arial,Helvetica,Meiryo,Microsoft JhengHei,"微軟正黑體",sans-serif;font-size:16px;line-height:1.5;color:#333}@media all and (max-width: 500px){*,*::before,*::after{font-size:15px}}button{border:none;background:transparent;text-align:center;cursor:pointer;outline:none}a{text-decoration:none}.dis-none{display:none}.is-hidden{text-indent:-9999px}.is-margin{display:block !important;margin:0
auto}.is-tra{-webkit-transition:all 0.2s;transition:all 0.2s}.is-btn{display:inline-block;text-align:center;cursor:pointer}@media all and (max-width: 500px){.is-pc{display:none}}.is-m{display:none}@media all and (max-width: 500px){.is-m{display:block}}.is-b{font-weight:bold}.is-main-width{max-width:800px}@media all and (max-width: 1024px){.is-main-width{padding:0
20px}}@media all and (max-width: 1024px){.is-main-width{padding:0
15px}}.btn-blue{color:#fff;background:#3978ff;border:2px
solid #000;-webkit-box-shadow:6px 6px 0px #000;box-shadow:6px 6px 0px #000;font-size:25px;line-height:1.5;padding:10px
40px;font-weight:bold;position:relative;overflow:hidden}@media all and (max-width: 500px){.btn-blue{font-size:18px;padding:10px
40px}}.btn-blue:after{background:#fff;content:"";height:155px;left:-75px;opacity:0.2;position:absolute;top:-50px;-webkit-transform:rotate(35deg);transform:rotate(35deg);-webkit-transition:all 550ms cubic-bezier(0.19, 1, 0.22, 1);transition:all 550ms cubic-bezier(0.19, 1, 0.22, 1);width:50px;z-index:0}@media all and (max-width: 768px){.btn-blue:after{display:none}}.btn-blue:hover:after{left:120%;-webkit-transition:all 550ms cubic-bezier(0.19, 1, 0.22, 1);transition:all 550ms cubic-bezier(0.19,1,0.22,1)}.btn-grey{color:#000;background:#f5f7fa;-webkit-box-shadow:0 7px rgba(0, 0, 0, 0.1);box-shadow:0 7px rgba(0, 0, 0, 0.1);font-size:25px;line-height:1.5;padding:10px
60px;border-radius:50vh;font-weight:bold}@media all and (max-width: 500px){.btn-grey{font-size:18px;padding:10px
40px}}.btn-grey:hover{-webkit-box-shadow:0 4px rgba(0, 0, 0, 0.1);box-shadow:0 4px rgba(0,0,0,0.1);-webkit-transform:translateY(3px);transform:translateY(3px)}label{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:12px
15px;margin:6px
0}label:hover{color:#1481d8;cursor:pointer}label
input{display:none}label
p{position:relative;z-index:1}label .icon-radio{width:24px;min-width:24px;height:24px;border-radius:50vh;border:solid 2px #d4dce8;background-color:#fff;position:relative;z-index:1;margin-right:10px}label .label-bg{position:absolute;left:0;right:0;top:0;bottom:0;border-radius:4px;background-color:#fff}label .label-bg:hover{cursor:pointer}label input:hover .label-bg{cursor:pointer;background:#d6edff}label input:checked~p{font-weight:900;color:#2369ff}label input:checked~.icon-radio{border-color:#2369ff;background-color:#2369ff;position:relative}label input:checked~.icon-radio::after{content:"";width:14px;height:14px;display:block;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:url(/img/assessment/MBTI/ic-checked.svg);background-repeat:no-repeat;background-size:contain;background-position:center}label input:checked~.label-bg{border-color:#f4f7ff;background:#f4f7ff}.site-wide-notification-app{max-width:500px;width:calc(100% - 32px);left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);padding:16px
16px;position:fixed;background-color:#E9F0FF;border-radius:8px;top:10px;z-index:9999;display:-webkit-box;display:-ms-flexbox;display:flex;will-change:transform;-webkit-transition:-webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:-webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);-webkit-box-shadow:0px 6px 12px rgba(11, 59, 108, 0.05), 0px 4px 8px rgba(11, 59, 108, 0.05), 0px 2px 4px rgba(11, 59, 108, 0.05);box-shadow:0px 6px 12px rgba(11, 59, 108, 0.05), 0px 4px 8px rgba(11, 59, 108, 0.05), 0px 2px 4px rgba(11,59,108,0.05)}.site-wide-notification-app.is-not-show{-webkit-transform:translate(-50%, -200px);transform:translate(-50%, -200px)}.site-wide-notification-app .site-wide-notification-app-close{-ms-flex-item-align:baseline;align-self:baseline}.site-wide-notification-app .invite-resume-guide-icon{margin-right:12px}.site-wide-notification-app .site-wide-notification-content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:0;text-align:left;margin-right:17px}.site-wide-notification-app .site-wide-notification-content-title{font-weight:700;font-size:16px;line-height:21px;color:#232A35;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:4px}.site-wide-notification-app .site-wide-notification-content-title
span{margin-right:7px;word-break:keep-all}.site-wide-notification-app .site-wide-notification-content-title
p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.site-wide-notification-app .site-wide-notification-content-text{font-size:13px;line-height:17px;color:#232A35;margin-bottom:12px}.site-wide-notification-app .site-wide-notification-content-link{font-weight:700;font-size:14px;line-height:19px;color:#2369FF !important}.mbit-main
header{width:100%;display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;top:0;z-index:1;padding:35px
0 30px 0;margin-bottom:-90px}@media all and (max-width: 1024px){.mbit-main
header{padding:35px
20px 30px 20px}}@media all and (max-width: 500px){.mbit-main
header{padding:30px
15px 20px 15px;margin-bottom:-71px}}.mbit-main
header.stickBar_fix{padding-top:70px}@media all and (max-width: 1024px){.mbit-main
header.stickBar_fix{padding:76px
20px 30px 20px}}@media all and (max-width: 500px){.mbit-main
header.stickBar_fix{padding:66px
15px 20px 15px}}.mbit-main header
.logo{margin:auto;z-index:1}.mbit-main header .logo
img{width:155px;cursor:pointer}@media all and (max-width: 500px){.mbit-main header .logo
img{width:105px}}.que-section{min-width:100%;min-height:100vh;background-attachment:fixed;background-repeat:no-repeat;background-position:left top;padding-top:105px;padding-bottom:180px;overflow:hidden}@media all and (max-width: 1024px){.que-section{padding-top:155px}}@media all and (max-width: 768px){.que-section{padding-bottom:160px}}@media all and (max-width: 500px){.que-section{padding-top:51px;padding-bottom:342px}}@media all and (max-width: 320px){.que-section{padding-top:46px}}.que-section::after{content:"";display:block;position:fixed;left:0;right:0;top:0;bottom:0;z-index:-1;background-color:#ea585a;background-image:url(/img/assessment/MBTI/index-bg.png);background-repeat:no-repeat;background-size:contain;background-position:center;background-size:cover}.que-section .bg-main{position:relative}.que-section .que-wrap{background:#fff;padding:10px;position:relative;border-radius:4px}.que-section .que-wrap .que-wrap-border{border:6px
solid #f5f7fa;border-radius:4px}@media all and (max-width: 500px){.que-section .que-wrap .que-wrap-border{border-width:3px}}.que-section .que-wrap .is-text-s{font-size:12px;color:#999;margin-top:20px;margin-left:8px;text-indent:-8px}@media all and (max-width: 768px){.que-section .que-wrap .is-text-s{margin-top:15px}}.que-section .que-box{padding:15px
25px;border-radius:4px;margin-bottom:15px;border-left:5px solid transparent;font-size:17px;line-height:1.6}@media all and (max-width: 500px){.que-section .que-box{padding:15px
20px;margin-bottom:20px;font-size:15px;border-left:5px solid transparent}.que-section .que-box
p{line-height:1.55}}.que-section .que-box.item{padding:15px
20px}@media all and (max-width: 320px){.que-section .que-box{padding:0
15px}}.que-section .que-box:last-child{margin-bottom:0}.que-section .que-box.que-box_defult{-webkit-box-shadow:0 3px 8px 0 rgba(0, 0, 0, 0.15);box-shadow:0 3px 8px 0 rgba(0, 0, 0, 0.15);border-color:#ffe47c}.que-section .que-box.que-box_error{-webkit-box-shadow:0 3px 8px 0 rgba(0, 0, 0, 0.15);box-shadow:0 3px 8px 0 rgba(0, 0, 0, 0.15);border-color:#fa1e50 !important}.que-section .que-box
.error_text{color:#fa1e50;font-size:12px}.question_active{border-left:5px solid #2369ff !important;-webkit-box-shadow:0 3px 8px 0 rgba(0, 0, 0, 0.15);box-shadow:0 3px 8px 0 rgba(0, 0, 0, 0.15);-webkit-transition:all 0.4s ease-in;transition:all 0.4s ease-in}.index-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:0;padding-bottom:120px;position:relative}.index-section [data-aos-delay="8000"] [data-aos],
.index-section [data-aos][data-aos][data-aos-delay="8000"]{-webkit-transition-delay:8000ms;transition-delay:8000ms}.index-section::after{background-image:url(/img/assessment/MBTI/index-bg.png);background-repeat:no-repeat;background-size:contain;background-position:center;background-size:cover}.index-section .is-main-width{max-width:700px}.index-section .text-wrap{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%, -80%);transform:translate(-50%, -80%);width:100%}.index-section [data-aos-delay="4000"] [data-aos],
.index-section [data-aos][data-aos][data-aos-delay="4000"]{-webkit-transition-delay:4000ms;transition-delay:4000ms}.index-section
.text{color:white;text-align:center;font-size:16px;-webkit-transition:0.5s;transition:0.5s;-webkit-animation-duration:7s;animation-duration:7s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;line-height:1.5}@media (min-width: 767.98px){.index-section
.text{font-size:24px}}.index-section
.text1{-webkit-animation-name:disappear1;animation-name:disappear1}.index-section
.text2{-webkit-animation-name:disappear2;animation-name:disappear2}.index-section
.text3{-webkit-animation-name:disappear3;animation-name:disappear3}.index-section
.text4{-webkit-animation-name:disappear4;animation-name:disappear4}@-webkit-keyframes
disappear1{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}10%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}60%{opacity:1}80%{opacity:0}100%{opacity:0}}@keyframes
disappear1{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}10%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}60%{opacity:1}80%{opacity:0}100%{opacity:0}}@-webkit-keyframes
disappear2{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}15%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}25%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}60%{opacity:1}80%{opacity:0}100%{opacity:0}}@keyframes
disappear2{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}15%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}25%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}60%{opacity:1}80%{opacity:0}100%{opacity:0}}@-webkit-keyframes
disappear3{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}30%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}40%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}60%{opacity:1}80%{opacity:0}100%{opacity:0}}@keyframes
disappear3{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}30%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}40%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}60%{opacity:1}80%{opacity:0}100%{opacity:0}}@-webkit-keyframes
disappear4{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}45%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}55%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}60%{opacity:1}80%{opacity:0}100%{opacity:0}}@keyframes
disappear4{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}45%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}55%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}60%{opacity:1}80%{opacity:0}100%{opacity:0}}.index-section
.title{margin-top:150px;margin-bottom:24px;-webkit-animation-name:fadeTitle;animation-name:fadeTitle;-webkit-animation-duration:6.5s;animation-duration:6.5s;-webkit-transition-timing-function:linear;transition-timing-function:linear;padding:26px
131px 31px;font-size:48px;line-height:1.5;color:#fff;background-image:url(/img/assessment/MBTI/img_title_bg.png);background-repeat:no-repeat;background-size:contain;background-position:center}@media all and (max-width: 768px){.index-section
.title{font-size:32px;padding:26px
88px 31px}}@media all and (max-width: 500px){.index-section
.title{font-size:20px;padding:9px
51px 13px;margin-top:130px;margin-bottom:29px}}.index-section .card-wrap{position:relative;z-index:0}.index-section .card-wrap
.card{-webkit-animation-name:fadeUp, shine;animation-name:fadeUp, shine;-webkit-animation-duration:6.5s, 6s;animation-duration:6.5s, 6s;-webkit-animation-iteration-count:1, infinite;animation-iteration-count:1, infinite;cursor:pointer;-webkit-transition:0.5s;transition:0.5s;width:330px}.index-section .card-wrap .card:hover{-webkit-transform:translateY(-20px);transform:translateY(-20px);-webkit-transition:0.5s;transition:0.5s}@media all and (max-width: 500px){.index-section .card-wrap
.card{width:180px}}@-webkit-keyframes
fadeUp{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px);pointer-events:none}94%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px);pointer-events:none}100%{opacity:1;-webkit-transform:none;transform:none;pointer-events:auto}}@keyframes
fadeUp{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px);pointer-events:none}94%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px);pointer-events:none}100%{opacity:1;-webkit-transform:none;transform:none;pointer-events:auto}}@-webkit-keyframes
fadeTitle{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}90.4%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}100%{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px)}}@keyframes
fadeTitle{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}90.4%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}100%{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px)}}@-webkit-keyframes
shine{0%{-webkit-box-shadow:0 0 40px rgba(255, 255, 255, 0.6);box-shadow:0 0 40px rgba(255,255,255,0.6)}50%{-webkit-box-shadow:0 0 90px white;box-shadow:0 0 90px white}100%{-webkit-box-shadow:0 0 40px rgba(255, 255, 255, 0.6);box-shadow:0 0 40px rgba(255, 255, 255, 0.6)}}@keyframes
shine{0%{-webkit-box-shadow:0 0 40px rgba(255, 255, 255, 0.6);box-shadow:0 0 40px rgba(255,255,255,0.6)}50%{-webkit-box-shadow:0 0 90px white;box-shadow:0 0 90px white}100%{-webkit-box-shadow:0 0 40px rgba(255, 255, 255, 0.6);box-shadow:0 0 40px rgba(255, 255, 255, 0.6)}}.index-section .card-wrap .card-left{background-image:url(/img/assessment/MBTI/card-left.svg);background-size:100%;width:330px;height:361px;left:-200px;bottom:0;position:absolute;z-index:-1;-webkit-animation-name:fadeLeft;animation-name:fadeLeft;-webkit-animation-duration:6.8s;animation-duration:6.8s;-webkit-transform-origin:bottom right;transform-origin:bottom right}@media all and (max-width: 500px){.index-section .card-wrap .card-left{width:156px;height:172px;left:-90px}}@-webkit-keyframes
fadeLeft{0%{opacity:0;-webkit-transform:rotate(30deg);transform:rotate(30deg)}96.6%{opacity:0;-webkit-transform:rotate(30deg);transform:rotate(30deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes
fadeLeft{0%{opacity:0;-webkit-transform:rotate(30deg);transform:rotate(30deg)}96.6%{opacity:0;-webkit-transform:rotate(30deg);transform:rotate(30deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.index-section .card-wrap .card-right{background-image:url(/img/assessment/MBTI/card-right.svg);background-size:100%;width:330px;height:363px;right:-200px;bottom:0;position:absolute;z-index:-1;-webkit-animation-name:fadeRight;animation-name:fadeRight;-webkit-animation-duration:7s;animation-duration:7s;-webkit-transform-origin:bottom left;transform-origin:bottom left}@media all and (max-width: 500px){.index-section .card-wrap .card-right{width:156px;height:172px;right:-90px}}@-webkit-keyframes
fadeRight{0%{opacity:0;-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}96.7%{opacity:0;-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes
fadeRight{0%{opacity:0;-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}96.7%{opacity:0;-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.index-section .is-text-s{font-size:18px;color:white;margin-top:48px;text-indent:-8px;text-align:center;-webkit-animation-name:fadeRemarks;animation-name:fadeRemarks;-webkit-animation-duration:7.5s;animation-duration:7.5s}@media all and (max-width: 768px){.index-section .is-text-s{margin-top:32px}}@media all and (max-width: 500px){.index-section .is-text-s{font-size:12px}}@-webkit-keyframes
fadeRemarks{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}90.4%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}100%{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px)}}@keyframes
fadeRemarks{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}90.4%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}100%{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px)}}.index-section .index-title{width:522px;height:290px;background-image:url(/img/assessment/MBTI/index-title.png);background-repeat:no-repeat;background-size:contain;background-position:center;margin-bottom:-77px;z-index:3;position:relative}@media all and (max-width: 768px){.index-section .index-title{height:300px;background-image:url(/img/assessment/MBTI/M/index-title.png?v2);background-repeat:no-repeat;background-size:contain;background-position:center}}@media all and (max-width: 500px){.index-section .index-title{width:280px;height:228px;background-repeat:no-repeat;background-size:contain;background-position:center;margin-bottom:-65px}}@media all and (max-width: 320px){.index-section .index-title{width:250px;margin-bottom:-70px}}.index-section .que-main{padding:70px
80px 60px}@media all and (max-width: 500px){.index-section .que-main{padding:40px
10px 35px}}@media all and (max-width: 320px){.index-section .que-main{padding:40px
10px}}.que-box{padding-bottom:35px}@media all and (max-width: 500px){.que-box{padding-bottom:0}}.left-bg{width:288px;height:426px;display:block;background-image:url(/img/assessment/MBTI/index-left.png);background-repeat:no-repeat;background-size:contain;background-position:center;position:absolute;left:-160px;top:20px}@media all and (max-width: 1024px){.left-bg{width:200px;left:-100px}}@media all and (max-width: 768px){.left-bg{display:none}}.right-bg{width:362px;height:420px;display:block;background-image:url(/img/assessment/MBTI/index-right.png);background-repeat:no-repeat;background-size:contain;background-position:center;position:absolute;right:-180px;bottom:50px}@media all and (max-width: 1024px){.right-bg{width:250px;right:-100px}}@media all and (max-width: 768px){.right-bg{display:none}}.page-section{padding-bottom:120px}@media all and (max-width: 500px){.page-section{padding-top:120px;padding-bottom:80px}}.page-section .que-wrap{background:#fff;padding:10px;position:relative;border-radius:4px}.page-section .que-wrap .que-wrap-border{border:6px
solid #e9f0ff;border-radius:4px}@media all and (max-width: 768px){.page-section .que-wrap .que-wrap-border{border:none}}.page-section .que-wrap .que-wrap-border::after{content:"";position:absolute;top:-5px;left:28%;width:330px;background:#fff;height:6px}@media all and (max-width: 768px){.page-section .que-wrap .que-wrap-border::after{content:"";position:absolute;top:-5px;left:16%;width:280px;background:#fff;height:6px}}@media all and (max-width: 500px){.page-section .que-wrap .que-wrap-border::after{content:"";position:absolute;top:-5px;left:0;width:0;background:#fff;height:6px}}@media all and (max-width: 500px){.page-section .que-wrap{border:none !important;border-radius:17px;-webkit-box-shadow:0 -3px 13px 0 rgba(0, 0, 0, 0.1);box-shadow:0 -3px 13px 0 rgba(0, 0, 0, 0.1)}}.page-section .schedule-wrap{margin-bottom:34px}.page-section .schedule-wrap .schedule-title{margin-bottom:10px;color:#2369ff}.page-section .schedule-wrap .schedule-title
*{color:#2369ff}.page-section .schedule-wrap .schedule-box{height:7px;background:#f4f7ff;overflow:hidden;border-radius:50vh}@media all and (max-width: 500px){.page-section .schedule-wrap .schedule-box{position:fixed;left:0;right:0;top:0;z-index:10}}.page-section .schedule-wrap .schedule-box .schedule-bar{height:100%;background:#2369ff;border-radius:50vh}@media all and (max-width: 500px){.page-section .bg-main.is-main-width{padding:0}}.page-section .que-wrap{padding:10px}.page-section .que-wrap-border{border:none}.page-section .que-title{width:500px;margin-bottom:-70px;position:relative;z-index:1;color:#fff;font-size:32px;font-weight:bold;text-align:center;padding:42px
0 46px;background-image:url(/img/assessment/MBTI/img_title_bg.png);background-repeat:no-repeat;background-size:contain;background-position:center}@media all and (max-width: 500px){.page-section .que-title{font-size:20px;width:360px;padding:8px
0 10px;margin-bottom:-18px}}@media all and (max-width: 320px){.page-section .que-title{width:320px}}.page-section .que-main{padding:80px}@media all and (max-width: 500px){.page-section .que-main{padding:30px
15px 50px}}.page-section
h4{padding:5px
0 15px;font-weight:900}.page-section .is-btn{display:block;margin:0
auto}.result-section{padding-top:150px;padding-bottom:72px;background-repeat:no-repeat;background-size:contain;background-position:center;background-size:cover}@media all and (max-width: 1280px){.result-section{padding-top:90px}}@media all and (max-width: 500px){.result-section::after{background-image:url(/img/assessment/MBTI/index-bg.png);background-repeat:no-repeat;background-size:contain;background-position:center;background-size:cover}}.result-section .is-main-width{padding:0
25px}@media all and (max-width: 768px){.result-section .is-main-width{padding:0
45px}}@media all and (max-width: 500px){.result-section .is-main-width{padding:0
25px}}.result-section .que-wrap{margin-top:100px;max-width:750px;padding:0;border-radius:17px;-webkit-box-shadow:2px 4px 8px 0 rgba(0, 0, 0, 0.1);box-shadow:2px 4px 8px 0 rgba(0, 0, 0, 0.1);padding:117px
60px 65px}@media all and (max-width: 1280px){.result-section .que-wrap{padding:90px
60px 65px}}@media all and (max-width: 500px){.result-section .que-wrap{padding:100px
25px 80px}}.result-section .que-main{padding:80px}.result-section .img-wrap{margin-bottom:60px}@media all and (max-width: 500px){.result-section .img-wrap{margin-bottom:18px}}.result-section .img-wrap
img{width:330px;-webkit-animation-name:shine;animation-name:shine;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@media all and (max-width: 500px){.result-section .img-wrap
img{width:284px}}@media all and (max-width: 320px){.result-section .img-wrap
img{width:270px}}@keyframes
shine{0%{-webkit-box-shadow:0 0 40px rgba(255, 255, 255, 0.6);box-shadow:0 0 40px rgba(255,255,255,0.6)}50%{-webkit-box-shadow:0 0 90px white;box-shadow:0 0 90px white}100%{-webkit-box-shadow:0 0 40px rgba(255, 255, 255, 0.6);box-shadow:0 0 40px rgba(255, 255, 255, 0.6)}}.result-section
h4{width:300px;height:45px;background:url(/img/assessment/MBTI/result-title.svg);background-repeat:no-repeat;background-size:contain;background-position:center}@media all and (max-width: 1280px){.result-section
h4{width:280px}}@media all and (max-width: 500px){.result-section
h4{width:187px;height:28px}}.result-section .title-wrap{text-align:center;margin:22px
0 30px}.result-section
h5{text-align:center;padding:5px
36px;color:#fff;font-size:30px;background-color:#0b3b6c;border-radius:50vh;display:inline-block;font-weight:500}@media all and (max-width: 1280px){.result-section
h5{font-size:24px}}@media all and (max-width: 500px){.result-section
h5{font-size:22px}}.result-section
h3.subtitle{color:#fff;font-weight:bold;font-size:32px;line-height:1.5;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}@media all and (max-width: 500px){.result-section
h3.subtitle{font-size:24px;gap:8px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.result-section .subtitle-icon{width:32px;height:32px}.result-section
.title{margin:0
auto;display:block}@media all and (max-width: 500px){.result-section
.title{margin:0
auto 0 0}}.result-section
.text_wrap{margin-bottom:16px}.result-section
.text{font-size:16px;color:white}.result-section
.hook{text-align:center;font-size:22px}@media all and (max-width: 500px){.result-section
.hook{text-align:left;font-size:20px}}.result-section .tips-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:15px}@media all and (max-width: 500px){.result-section .tips-wrap{margin-bottom:10px}}.result-section .tips-wrap
.icon{width:30px;height:32px;display:inline-block;background:url(/img/assessment/MBTI/ticket.svg);background-repeat:no-repeat;background-size:contain;background-position:center;margin-right:6px}.result-section .tips-wrap
p{font-size:15px;color:#12004f}.result-section
.suitable{margin-top:80px;margin-bottom:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media all and (max-width: 500px){.result-section
.suitable{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:60px;margin-bottom:0px}}.result-section .suitable_job h3.subtitle,
.result-section .suitable .industry
h3.subtitle{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-bottom:24px}.result-section .suitable
.list{margin-bottom:10px;background-color:rgba(255, 255, 255, 0.7);border:2px
solid #000;background-image:url(/img/assessment/MBTI/ic_arrow_right_fill.svg);background-repeat:no-repeat;background-position:95% 50%}.result-section .suitable .list:hover{background-color:#fff;background-position:97% 50%}@media all and (max-width: 768px){.result-section .suitable
.list{font-size:15px}}.result-section .suitable .list
a{padding:10px
15px;line-height:22px;letter-spacing:0.4px;font-size:18px;font-weight:500;color:#2b3340;display:block}@media (max-width: 360px){.result-section .suitable .list
a{max-width:190px}}@media all and (max-width: 500px){.result-section .suitable .list
a{font-weight:450;max-width:218px}}@media all and (max-width: 320px){.result-section .suitable .list
a{max-width:160px}}.result-section .suitable_job,
.result-section
.industry{width:50%}@media all and (max-width: 500px){.result-section .suitable_job,
.result-section
.industry{width:100%}}.result-section
.industry{margin-left:30px}@media all and (max-width: 500px){.result-section
.industry{margin-top:48px;margin-left:0}}.result-section .recommend
h6{background-repeat:no-repeat;padding-left:37px;margin-bottom:25px;margin-bottom:15px}@media all and (max-width: 500px){.result-section .recommend
h6{text-align:center;margin-bottom:20px}}.result-section .recommend
.subtitle{font-size:18px;color:#0b3b6c;font-weight:550;margin-bottom:20px}@media all and (max-width: 500px){.result-section .recommend
.subtitle{text-align:center}}.result-section .recommend
.job_list{letter-spacing:0.4px}.result-section .recommend .job_list
a{margin-bottom:10px;background:#f6faff;padding:15px;border-radius:4px;display:block}.result-section .recommend .job_list a:hover{background-color:#e2f1ff}.result-section .recommend .job_list .blue-text{color:#1481d8;font-size:16px;line-height:2.2}@media all and (max-width: 500px){.result-section .recommend .job_list .blue-text{font-weight:450;font-size:15px}}.result-section .recommend .job_list
.new{background-image:url(/img/assessment/MBTI/ic_new_highlight.svg);background-repeat:no-repeat;background-position-y:center;padding-left:40px;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis;display:inline-block}.result-section .recommend .job_list
.comp{font-size:14px;color:#4c4c4c;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis;display:inline-block}@media all and (max-width: 500px){.result-section .recommend .job_list
.comp{font-size:13px}}.result-section .download-img-btn{text-align:center;margin-bottom:32px;display:none}@media all and (max-width: 500px){.result-section .download-img-btn{display:block}}.result-section .download-img-btn
a{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.result-section .download-img-btn a
.emoji{font-size:24px;line-height:1.5}.result-section .download-img-btn a
.text{font-size:16px;line-height:1.5;color:#fff}.result-section .btn-wrap{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media all and (max-width: 500px){.result-section .btn-wrap{-ms-flex-pack:distribute;justify-content:space-around;margin-top:10px;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.result-section .btn-wrap .is-btn{width:223px;padding:10px;text-align:center;line-height:1.5;font-weight:bold;color:#fff;font-size:20px}@media all and (max-width: 1024px){.result-section .btn-wrap .is-btn{font-size:14px;width:200px}}@media all and (max-width: 768px){.result-section .btn-wrap .is-btn{width:unset;-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;padding:6px
0}}.result-section .btn-wrap .is-btn
.num{color:#333;font-size:13px;padding:3px
10px;border-radius:50vh;display:inline-block;background:#fff;margin-left:5px;position:relative;top:-3px}@media all and (max-width: 768px){.result-section .btn-wrap .is-btn
.num{position:absolute;background-color:#232A35;color:#fff;font-size:13px;padding:1px
10px;top:-12px;right:-16px}}.result-section .btn-wrap .is-btn .hide-in-m{color:#fff}@media all and (max-width: 768px){.result-section .btn-wrap .is-btn .hide-in-m{display:none}}.result-section .btn-wrap .btn-back{background:#f9f54c;-webkit-box-shadow:0 7px #f0d94e;box-shadow:0 7px #f0d94e;color:#12004f;margin-bottom:48px}@media all and (max-width: 500px){.result-section .btn-wrap .btn-back{margin-bottom:30px}}.result-section .btn-wrap .btn-back:hover{-webkit-box-shadow:0 4px #f0d94e;box-shadow:0 4px #f0d94e}.result-section .btn-wrap .share-btns{display:-webkit-box;display:-ms-flexbox;display:flex;gap:24px}@media all and (max-width: 768px){.result-section .btn-wrap .share-btns{width:calc(100% - 50px)}}.result-section .btn-wrap .btn-fbshare{background:#0d7bd4;border:2px
solid #000;-webkit-box-shadow:6px 6px #000;box-shadow:6px 6px #000;position:relative;overflow:hidden}@media all and (max-width: 768px){.result-section .btn-wrap .btn-fbshare{overflow:unset}}@media all and (max-width: 500px){.result-section .btn-wrap .btn-fbshare{margin-right:0}}.result-section .btn-wrap .btn-fbshare:after{background:#fff;content:"";height:155px;left:-75px;opacity:0.2;position:absolute;top:-50px;-webkit-transform:rotate(35deg);transform:rotate(35deg);-webkit-transition:all 550ms cubic-bezier(0.19, 1, 0.22, 1);transition:all 550ms cubic-bezier(0.19, 1, 0.22, 1);width:50px;z-index:0}@media all and (max-width: 768px){.result-section .btn-wrap .btn-fbshare:after{display:none}}.result-section .btn-wrap .btn-fbshare:hover:after{left:120%;-webkit-transition:all 550ms cubic-bezier(0.19, 1, 0.22, 1);transition:all 550ms cubic-bezier(0.19, 1, 0.22, 1)}.result-section .btn-wrap .btn-fbshare .media-fb-icon{width:36px;height:36px;display:inline-block;background:url(/img/assessment/MBTI/img_social_media_fb.svg);background-position:center center;background-repeat:no-repeat;background-size:contain;margin-right:6px;vertical-align:middle;top:-3px;position:relative}@media all and (max-width: 1024px){.result-section .btn-wrap .btn-fbshare .media-fb-icon{width:24px;height:24px;top:-1px;margin-right:4px;background-repeat:no-repeat;background-size:contain;background-position:center}}.result-section .btn-wrap .btn-lineshare{background:#00b8a7;border:2px
solid #000;-webkit-box-shadow:6px 6px #000;box-shadow:6px 6px #000;position:relative;overflow:hidden}@media all and (max-width: 768px){.result-section .btn-wrap .btn-lineshare{overflow:unset}}.result-section .btn-wrap .btn-lineshare:after{background:#fff;content:"";height:155px;left:-75px;opacity:0.2;position:absolute;top:-50px;-webkit-transform:rotate(35deg);transform:rotate(35deg);-webkit-transition:all 550ms cubic-bezier(0.19, 1, 0.22, 1);transition:all 550ms cubic-bezier(0.19, 1, 0.22, 1);width:50px;z-index:0}@media all and (max-width: 768px){.result-section .btn-wrap .btn-lineshare:after{display:none}}.result-section .btn-wrap .btn-lineshare:hover:after{left:120%;-webkit-transition:all 550ms cubic-bezier(0.19, 1, 0.22, 1);transition:all 550ms cubic-bezier(0.19, 1, 0.22, 1)}.result-section .btn-wrap .btn-lineshare .media-Line-icon{width:36px;height:36px;display:inline-block;background:url(/img/assessment/MBTI/img_media_line.svg);background-position:center center;background-repeat:no-repeat;background-size:contain;margin-right:6px;vertical-align:middle;top:-3px;position:relative}@media all and (max-width: 1024px){.result-section .btn-wrap .btn-lineshare .media-Line-icon{width:24px;height:24px;top:-1px;background-repeat:no-repeat;background-size:contain;background-position:center;margin-right:4px}}.result-section .btn-wrap .btn-igshare{background-color:#eb76d1;border:2px
solid #000;-webkit-box-shadow:6px 6px #000;box-shadow:6px 6px #000;position:relative;overflow:hidden}@media all and (max-width: 768px){.result-section .btn-wrap .btn-igshare{overflow:unset}}.result-section .btn-wrap .btn-igshare:after{background:#fff;content:"";height:155px;left:-75px;opacity:0.2;position:absolute;top:-50px;-webkit-transform:rotate(35deg);transform:rotate(35deg);-webkit-transition:all 550ms cubic-bezier(0.19, 1, 0.22, 1);transition:all 550ms cubic-bezier(0.19, 1, 0.22, 1);width:50px;z-index:0}@media all and (max-width: 768px){.result-section .btn-wrap .btn-igshare:after{display:none}}.result-section .btn-wrap .btn-igshare:hover:after{left:120%;-webkit-transition:all 550ms cubic-bezier(0.19, 1, 0.22, 1);transition:all 550ms cubic-bezier(0.19, 1, 0.22, 1)}.result-section .btn-wrap .btn-igshare .media-ig-icon{width:36px;height:36px;display:inline-block;background:url(/img/assessment/MBTI/img_social_media_ig.svg);background-position:center center;background-repeat:no-repeat;background-size:contain;margin-right:6px;vertical-align:middle;top:-3px;position:relative}@media all and (max-width: 1024px){.result-section .btn-wrap .btn-igshare .media-ig-icon{width:24px;height:24px;top:-1px;background-repeat:no-repeat;background-size:contain;background-position:center;margin-right:4px}}.result-section .btn-more{margin:0
auto 80px auto;text-align:center;display:block}@media all and (max-width: 500px){.result-section .btn-more{margin:10px
auto 56px auto}}.result-section .btn-more
a{color:#2b3340;background:#fbfb42;font-size:24px;font-weight:bold;line-height:1.6;text-align:center;padding:10px
72px;display:block;cursor:pointer;border:2px
solid #000;-webkit-box-shadow:6px 6px #000;box-shadow:6px 6px #000;position:relative;overflow:hidden}.result-section .btn-more a:after{background:#fff;content:"";height:155px;left:-75px;opacity:0.2;position:absolute;top:-50px;-webkit-transform:rotate(35deg);transform:rotate(35deg);-webkit-transition:all 550ms cubic-bezier(0.19, 1, 0.22, 1);transition:all 550ms cubic-bezier(0.19, 1, 0.22, 1);width:50px;z-index:0}@media all and (max-width: 768px){.result-section .btn-more a:after{display:none}}.result-section .btn-more a:hover:after{left:120%;-webkit-transition:all 550ms cubic-bezier(0.19, 1, 0.22, 1);transition:all 550ms cubic-bezier(0.19, 1, 0.22, 1)}@media all and (max-width: 500px){.result-section .btn-more
a{font-size:18px;padding:10px
74px;margin-top:20px}}.result-section .result-brief .big-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;font-weight:bold;margin-bottom:24px}@media all and (max-width: 500px){.result-section .result-brief .big-title{margin-bottom:12px;gap:12px}}.result-section .result-brief .big-title
span{font-size:40px;line-height:1.5;color:#fff}@media all and (max-width: 500px){.result-section .result-brief .big-title
span{font-size:28px}}.result-section .result-brief .big-title
hr{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;border-top:1px solid #fff;border-bottom:1px solid #fff}.result-section .result-brief .animal-name{font-size:40px;line-height:1.5;color:#fff;font-weight:bold;text-align:center;margin-bottom:4px}@media all and (max-width: 500px){.result-section .result-brief .animal-name{font-size:32px;margin-bottom:2px}}.result-section .result-brief .animal-tags{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:16px;margin-bottom:64px}@media all and (max-width: 500px){.result-section .result-brief .animal-tags{margin-bottom:56px}}.result-section .result-brief .animal-tags
li{color:#fff;font-size:18px;line-height:27px}.result-section .try-again{font-size:24px;line-height:1.5;color:#fff;display:block;text-align:center;width:100%;text-decoration:underline}@media all and (max-width: 500px){.result-section .try-again{font-size:18px}}.result-section .fixed-section{position:fixed;bottom:0;width:100%;background-color:#fff;border-top:2px solid #000;z-index:20;display:-webkit-box;display:-ms-flexbox;display:flex;gap:22px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:16px
0}.result-section .fixed-section .share-text{color:#232A35;font-size:24px;line-height:1.5;font-weight:bold}@media all and (max-width: 1024px){.result-section .fixed-section .share-text{display:none}}.freshman-entrance{position:fixed;z-index:9;bottom:108px;right:25%}@media all and (max-width: 1920px){.freshman-entrance{right:20%}}@media all and (max-width: 1680px){.freshman-entrance{right:18%}}@media all and (max-width: 1440px){.freshman-entrance{right:15%;bottom:98px}}@media all and (max-width: 1280px){.freshman-entrance{right:10%}}@media all and (max-width: 1024px){.freshman-entrance{right:3%}}@media all and (max-width: 500px){.freshman-entrance{right:15px}}.freshman-entrance .wrapper
img{width:110px}@media all and (max-width: 1280px){.freshman-entrance .wrapper
img{width:100px}}@media all and (max-width: 768px){.freshman-entrance .wrapper
img{width:94px}}.msg-bar{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;top:0;background:#467FE8;width:100%;text-align:center;z-index:9;font-size:15px;line-height:1.4;color:#fff;padding:12px
0}@media all and (max-width: 500px){.msg-bar{font-size:14px}}@media all and (max-width: 320px){.msg-bar{font-size:13px}}.msg-bar
a{margin-left:8px;font-size:12px;display:inline-block;border-radius:50px;background:#fff;color:#467fe8;padding:3px
12px;font-weight:550}@media all and (max-width: 375px){.msg-bar
a{padding:3px
10px}}@media all and (max-width: 320px){.msg-bar
a{padding:3px
8px}}footer{position:relative;z-index:8;text-align:center;padding:40px
0 114px}@media all and (max-width: 500px){footer .is-main-width{padding:0
16px}}footer
*{color:#fff}footer .footer-href{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:13px;line-height:2.31;padding-bottom:20px}footer .footer-href>*{padding:0
6px}@media all and (max-width: 500px){footer .footer-href
h5{width:100%}}footer
.copyright{font-size:12px;margin-top:10px}footer
.comp_name{font-size:12px;line-height:1.7}.fixed_active_right_wrap{position:fixed;bottom:98px;right:24px;z-index:10}.fixed_active_right_wrap
.fixed_active_right{display:block}@media all and (max-width: 500px){.fixed_active_right_wrap .fixed_active_right
img{width:110px;height:110px}}.fixed_active_right_wrap
.close_active{position:absolute;right:0;top:-40px;padding:0}@media all and (max-width: 500px){.fixed_active_right_wrap .close_active
img{width:28px;height:28px}}.tool-wrap{margin-bottom:64px}@media all and (max-width: 500px){.tool-wrap{width:100%;margin-bottom:56px}}.tool-wrap
.subtitle{margin-bottom:32px}.tool-wrap .tool-card-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:32px}@media all and (max-width: 500px){.tool-wrap .tool-card-wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}}.tool-wrap .tool-card-wrap .tool-card{border:2px
solid #000;background-color:#FFF;padding:24px
24px 32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-shadow:0;box-shadow:0;-webkit-transition:-webkit-box-shadow 0.3s linear;transition:-webkit-box-shadow 0.3s linear;transition:box-shadow 0.3s linear;transition:box-shadow 0.3s linear, -webkit-box-shadow 0.3s linear}.tool-wrap .tool-card-wrap .tool-card:hover{-webkit-box-shadow:6px 6px 0px 0px #000;box-shadow:6px 6px 0px 0px #000}.tool-wrap .tool-card-wrap .tool-card
img{margin-bottom:4px}.tool-wrap .tool-card-wrap .tool-card
h6{color:#232A35;font-size:18px;font-weight:700;line-height:1.5}.tool-wrap .tool-card-wrap .tool-card
p{color:#555C66;text-align:center;font-size:14px;line-height:1.5}