@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}figure{margin:0}.is-tra{-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out}.is-mar{display:block;margin:0
auto}.is-text-hidden{display:block;text-indent:-9999px;font-size:0}.is-hidden{opacity:0;width:0;height:0;overflow:hidden;position:absolute;z-index:-1}.is-m{display:none !important}@media all and (max-width: 768px){.is-m{display:block !important}}@media all and (max-width: 768px){.is-pc{display:none !important}}.is-toast{font-family:Arial,Helvetica,Meiryo,Microsoft JhengHei,"微軟正黑體",sans-serif;font-size:16px;line-height:1.5;white-space:nowrap;color:#fff;background:#2B3340;-webkit-box-shadow:0px 5px 12px rgba(0, 0, 0, 0.1);box-shadow:0px 5px 12px rgba(0, 0, 0, 0.1);padding:10px
25px;border-radius:4px;position:fixed;display:block;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:9999}.is-checkbox-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.is-checkbox-wrap
input{display:none}.is-checkbox-wrap
figure{width:18px;min-width:18px;height:18px;display:inline-block;background:url(/img/common-icon/check-icon/ic_ck_18.svg);background-repeat:no-repeat;background-size:contain;background-position:center}.is-checkbox-wrap
span{font-size:14px}.is-checkbox-wrap:hover
figure{background:url(/img/common-icon/check-icon/ic_ck_18_hover.svg);background-repeat:no-repeat;background-size:contain;background-position:center}.is-checkbox-wrap:hover
span{color:#2369FF}.is-checkbox-wrap input:checked~figure{background:url(/img/common-icon/check-icon/ic_ck_18_selected.svg);background-repeat:no-repeat;background-size:contain;background-position:center}.is-input{border:1px
solid #BFC1C5;border-radius:4px;color:#232A35}.is-input::-webkit-input-placeholder{color:#BFC1C5}.is-input:-ms-input-placeholder{color:#BFC1C5}.is-input::-moz-placeholder{color:#BFC1C5}.is-input::-ms-input-placeholder{color:#BFC1C5}.is-input::placeholder{color:#BFC1C5}.is-input:focus{border-color:#404753 !important}.is-input.error-input{border-color:#FA1E50}.is-btn{display:inline-block;border-radius:4px;text-align:center}.is-btn.btn-solid{color:#fff;background:#FA1E50;border:solid 1px #FA1E50}.is-btn.btn-solid:hover{color:#fff;background:#FB6184;border:solid 1px #FB6184}.is-btn.btn-solid.disable{color:#fff;background:#FDA5B9;border:solid 1px #FDA5B9;cursor:no-drop}.is-btn.btn-outline{color:#FA1E50;background:#FFF;border:solid 1px #FA3461}.is-btn.btn-outline:hover{color:#E01A47;background:#FEF4F6;border:solid 1px #E01A47}.is-btn.btn-outline.disable{color:#FDA5B9;background:#FFF;border:solid 1px #FDBBCA}.text-xs{font-size:12px}.text-s{font-size:14px}.text-sm{font-size:15px}.text-m{font-size:16px}.text-ml{font-size:18px}.text-l{font-size:20px}.text-xl{font-size:22px}.text-2xl{font-size:24px}.top-section{padding:89px
0 0;text-align:center}@media all and (max-width: 1024px){.top-section{padding:60px
0 0}}.top-section .swiper-container{position:absolute;top:0;left:0}.top-section .top-swiper-content{display:none;background:#FA1E50;position:relative}@media all and (max-width: 414px){.top-section .top-swiper-content{padding-top:45%;display:block !important}}.top-section .top-swiper-content
a{display:block}.top-section .top-swiper-content
img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.top-section .top-swiper-content .swiper-pagination-bullet{width:4px;height:4px;background:rgba(255, 255, 255, 0.5);opacity:1}.top-section .top-swiper-content .swiper-pagination-bullet-active{background:#fff;width:16px;border-radius:50vh}.top-section
h1{display:none}.top-section .top-section-wrap{background-size:cover;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:250px;position:relative;background-image:url(/img/index/index/top-section/img_hero_banner_skillmate_1920.jpg);background-repeat:no-repeat;background-size:contain;background-position:center;background-size:cover;z-index:1}@media all and (max-width: 820px){.top-section .top-section-wrap{height:220px}}@media all and (max-width: 768px){.top-section .top-section-wrap{height:180px}}.top-section .top-section-wrap.top-section-wrap--regular{background-image:url(/img/index/index/top-section/img_hero_banner_skillmate_1920.jpg);background-size:cover;background-repeat:no-repeat}@media all and (max-width: 768px){.top-section .top-section-wrap.top-section-wrap--regular{background-image:url(/img/index/index/top-section/img_hero_banner_skillmate_1280.png)}}@media all and (max-width: 430px){.top-section .top-section-wrap.top-section-wrap--regular{background-image:url(/img/index/index/top-section/img_hero_banner_skillmate_375.jpg);background-size:cover}}.top-section .top-section-wrap.top-section-wrap--regular .top-section-active-bear{max-width:none;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;gap:11px;right:8px}@media all and (max-width: 1280px){.top-section .top-section-wrap.top-section-wrap--regular .top-section-active-bear{display:none}}.top-section .top-section-wrap.top-section-wrap--regular .top-section-active-bear .top-section-slogan{width:188px;-ms-flex-item-align:center;align-self:center;margin-bottom:2px}.top-section .top-section-wrap.top-section-wrap--regular .top-section-active-bear .top-section-endorser{width:197px;-ms-flex-item-align:end;align-self:flex-end}.top-section .top-section-wrap.top-section-wrap--regular .top-section-active-bear-xl{position:absolute;top:60px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:none}@media all and (max-width: 1280px){.top-section .top-section-wrap.top-section-wrap--regular .top-section-active-bear-xl{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media all and (max-width: 700px){.top-section .top-section-wrap.top-section-wrap--regular .top-section-active-bear-xl{display:none}}.top-section .top-section-wrap.top-section-wrap--regular .top-section-active-bear-xl .top-section-slogan{width:200px}@media all and (max-width: 1280px){.top-section .top-section-wrap.top-section-wrap--regular .top-section-active-bear-xl .top-section-slogan{width:423px;height:44px}}.top-section .top-section-wrap.top-section-wrap--regular .top-section-active-bear-xl .top-section-endorser{width:110px;height:94px;position:absolute;top:-15px;right:-138px}.top-section .top-section-wrap.top-section-wrap--active{background-image:url(/img/bearworks/index/active/img_hero_banner_activity_2026.png?v=20260630)}@media all and (max-width: 1280px){.top-section .top-section-wrap.top-section-wrap--active{background-image:url(/img/bearworks/index/active/img_hero_banner_activity_2026_1280.png?v=20260630)}}@media all and (max-width: 768px){.top-section .top-section-wrap.top-section-wrap--active{background-image:url(/img/bearworks/index/active/img_hero_banner_activity_2026_768.png?v=20260630)}}.top-section .top-section-wrap.top-section-wrap--active .top-section-logo{position:absolute;left:calc(50% + 194px);bottom:0;z-index:20}@media all and (max-width: 1280px){.top-section .top-section-wrap.top-section-wrap--active .top-section-logo{top:44px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:48%}}@media all and (max-width: 768px){.top-section .top-section-wrap.top-section-wrap--active .top-section-logo{top:28px;height:42%}}@media all and (max-width: 1280px){.top-section .top-section-wrap.top-section-wrap--active .top-section-logo .is-desktop{display:none}}.top-section .top-section-wrap.top-section-wrap--active .top-section-logo .is-tablet{display:none}@media all and (max-width: 1280px){.top-section .top-section-wrap.top-section-wrap--active .top-section-logo .is-tablet{display:block}}@media all and (max-width: 768px){.top-section .top-section-wrap.top-section-wrap--active .top-section-logo .is-tablet{display:none}}.top-section .top-section-wrap.top-section-wrap--active .top-section-logo .is-mobile{display:none}@media all and (max-width: 768px){.top-section .top-section-wrap.top-section-wrap--active .top-section-logo .is-mobile{display:block}}@media all and (max-width: 700px){.top-section .top-section-wrap.top-section-wrap--active .top-section-logo .is-mobile{display:none}}@media all and (max-width: 414px){.top-section .top-section-wrap.top-section-wrap--active .top-section-logo .is-mobile{display:none}}.top-section .top-section-wrap.top-section-wrap--active .top-section-active-bear{max-width:none;right:12px;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:9px}@media all and (max-width: 1280px){.top-section .top-section-wrap.top-section-wrap--active .top-section-active-bear{display:none}}.top-section .top-section-wrap.top-section-wrap--active .top-section-active-bear .top-section-slogan{width:188px;-ms-flex-item-align:center;align-self:center;margin-bottom:2px}.top-section .top-section-wrap.top-section-wrap--active .top-section-active-bear .top-section-text{width:240px;height:139px;-ms-flex-item-align:center;align-self:center;position:relative}.top-section .top-section-wrap.top-section-wrap--active .top-section-active-bear .top-section-figure{width:240px;height:168px;margin-left:-77px;-ms-flex-item-align:end;align-self:flex-end;position:relative}.top-section .top-section-wrap.top-section-wrap--active .top-section-active-bear-xl{position:absolute;top:0;left:calc(50% - 28px);-webkit-transform:translateX(-50%);transform:translateX(-50%);display:none}@media all and (max-width: 1280px){.top-section .top-section-wrap.top-section-wrap--active .top-section-active-bear-xl{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transform:translateX(0);transform:translateX(0);left:auto;right:calc(50% - 178px);gap:7px}}@media all and (max-width: 700px){.top-section .top-section-wrap.top-section-wrap--active .top-section-active-bear-xl{display:none}}.top-section .top-section-wrap.top-section-wrap--active .top-section-active-bear-xl .top-section-figure{margin-left:-30px}.top-section .top-section-wrap.top-section-wrap--active .top-section-active-bear-xl .top-section-slogan{margin-top:27px}.top-section .top-section-wrap .top-section-container{position:relative}.top-section .top-section-wrap .top-section-item--xl{display:block}@media all and (max-width: 1280px){.top-section .top-section-wrap .top-section-item--xl{display:none}}.top-section .top-section-wrap .top-section-item--lg{display:none}@media all and (max-width: 1280px){.top-section .top-section-wrap .top-section-item--lg{display:block}}@media all and (max-width: 768px){.top-section .top-section-wrap .top-section-item--lg{display:none}}.top-section .top-section-wrap .top-section-item--md{display:none}@media all and (max-width: 768px){.top-section .top-section-wrap .top-section-item--md{display:block}}.top-section .top-section-wrap .top-section-active-bear{position:absolute;max-width:391px;right:22px;bottom:0;z-index:2}@media all and (max-width: 1280px){.top-section .top-section-wrap .top-section-active-bear{max-width:unset;width:526px;min-width:526px;right:50%;-webkit-transform:translateX(50%);transform:translateX(50%);bottom:140px;z-index:1}}@media all and (max-width: 768px){.top-section .top-section-wrap .top-section-active-bear{width:511px;min-width:511px}}@media all and (max-width: 700px){.top-section .top-section-wrap .top-section-active-bear{width:70%;min-width:unset;bottom:166px}}.top-section .top-section-wrap .top-section-active-bear
img{width:100%}.top-section .top-section-wrap .top-section-active-btn{position:absolute;max-width:113px;bottom:11px;right:72px;z-index:2;-webkit-animation:jittery 2s infinite;animation:jittery 2s infinite;pointer-events:none}.top-section .top-section-wrap .top-section-active-btn
img{width:100%}@media all and (max-width: 1280px){.top-section .top-section-wrap .top-section-active-btn{z-index:1;max-width:81px;bottom:128px;right:349px}}@media all and (max-width: 1199px){.top-section .top-section-wrap .top-section-active-btn{right:229px}}@media all and (max-width: 991px){.top-section .top-section-wrap .top-section-active-btn{right:109px}}@media all and (max-width: 768px){.top-section .top-section-wrap .top-section-active-btn{right:120px}}@media all and (max-width: 767px){.top-section .top-section-wrap .top-section-active-btn{right:29px}}@media all and (max-width: 700px){.top-section .top-section-wrap .top-section-active-btn{bottom:156px;right:100px;max-width:56px;width:70%}}@media all and (max-width: 576px){.top-section .top-section-wrap .top-section-active-btn{bottom:156px;right:19%;max-width:10%}}.top-section .top-section-wrap .top-section-active-btn--lg{display:none}@media all and (max-width: 1280px){.top-section .top-section-wrap .top-section-active-btn--lg{display:block}}.top-section .top-section-wrap .top-section-content{position:relative;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}@media all and (max-width: 1280px){.top-section .top-section-wrap .top-section-content{text-align:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media all and (max-width: 700px){.top-section .top-section-wrap .top-section-content{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media all and (max-width: 414px){.top-section .top-section-wrap .top-section-content{width:100%}}@media all and (max-width: 768px){.top-section .top-section-wrap .top-section-content #mobileSearch-root{margin-bottom:0}}@media all and (max-width: 430px){.top-section .top-section-wrap .top-section-content #mobileSearch-root{margin-bottom:0}}.top-section .top-section-prizes{margin-top:16px;position:relative;left:-20px;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}@media all and (max-width: 1024px){.top-section .top-section-prizes{left:0}}@media all and (max-width: 767px){.top-section .top-section-prizes{display:none}}.top-section .top-section-prizes
a{position:relative}.top-section .top-section-prizes
img{width:100%;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out}.top-section .top-section-prizes img:hover{opacity:0.7}.top-section .top-section-prizes .top-section-prizes--macbook{max-width:178px;top:40px;-webkit-animation:upAndDown 2s ease-in-out both infinite;animation:upAndDown 2s ease-in-out both infinite}@media all and (max-width: 1024px){.top-section .top-section-prizes .top-section-prizes--macbook{max-width:116px}}.top-section .top-section-prizes .top-section-prizes--iphone{max-width:93px;margin-left:26px;-webkit-animation:upAndDown 2s ease-in-out both infinite;animation:upAndDown 2s ease-in-out both infinite;-webkit-animation-delay:1.5s;animation-delay:1.5s;top:25px}@media all and (max-width: 1024px){.top-section .top-section-prizes .top-section-prizes--iphone{max-width:75px;margin-left:10px}}.top-section .top-section-prizes .top-section-prizes--btn{top:36px;margin-left:17px;margin-right:20px;position:relative;width:390px;height:74px;background-image:url(/img/active/2022_bestcandidate/img_gift_banner_index.png);overflow:hidden;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;background-repeat:no-repeat;background-size:contain;background-position:center}.top-section .top-section-prizes .top-section-prizes--btn:hover{opacity:0.7}.top-section .top-section-prizes .top-section-prizes--btn::after{content:"";position:absolute;top:-100px;left:-100px;width:50px;height:50px;background-image:linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, white 100%, rgba(255, 255, 255, 0) 0%);-webkit-animation-name:shiny;animation-name:shiny;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@media all and (max-width: 1024px){.top-section .top-section-prizes .top-section-prizes--btn{margin-top:20px}}@media all and (max-width: 954px){.top-section .top-section-prizes .top-section-prizes--btn{margin-left:6px;margin-right:-16px}}.top-section .top-section-prizes .top-section-prizes--iwatch{max-width:76px;margin-right:18px;top:10px;-webkit-animation:upAndDown 2s ease-in-out both infinite;animation:upAndDown 2s ease-in-out both infinite;-webkit-animation-delay:0.5s;animation-delay:0.5s}@media all and (max-width: 1024px){.top-section .top-section-prizes .top-section-prizes--iwatch{max-width:62px;margin-right:9px}}@media all and (max-width: 954px){.top-section .top-section-prizes .top-section-prizes--iwatch{right:-8px}}.top-section .top-section-prizes .top-section-prizes--ipad{max-width:166px;top:40px;-webkit-animation:upAndDown 2s ease-in-out both infinite;animation:upAndDown 2s ease-in-out both infinite;-webkit-animation-delay:1.5s;animation-delay:1.5s}@media all and (max-width: 1024px){.top-section .top-section-prizes .top-section-prizes--ipad{max-width:111px}}@-webkit-keyframes
jittery{5%,50%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(0.9);transform:scale(0.9)}15%{-webkit-transform:scale(1.15);transform:scale(1.15)}20%{-webkit-transform:scale(1.15) rotate(-5deg);transform:scale(1.15) rotate(-5deg)}25%{-webkit-transform:scale(1.15) rotate(5deg);transform:scale(1.15) rotate(5deg)}30%{-webkit-transform:scale(1.15) rotate(-3deg);transform:scale(1.15) rotate(-3deg)}35%{-webkit-transform:scale(1.15) rotate(2deg);transform:scale(1.15) rotate(2deg)}40%{-webkit-transform:scale(1.15) rotate(0);transform:scale(1.15) rotate(0)}}@keyframes
jittery{5%,50%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(0.9);transform:scale(0.9)}15%{-webkit-transform:scale(1.15);transform:scale(1.15)}20%{-webkit-transform:scale(1.15) rotate(-5deg);transform:scale(1.15) rotate(-5deg)}25%{-webkit-transform:scale(1.15) rotate(5deg);transform:scale(1.15) rotate(5deg)}30%{-webkit-transform:scale(1.15) rotate(-3deg);transform:scale(1.15) rotate(-3deg)}35%{-webkit-transform:scale(1.15) rotate(2deg);transform:scale(1.15) rotate(2deg)}40%{-webkit-transform:scale(1.15) rotate(0);transform:scale(1.15) rotate(0)}}@-webkit-keyframes
upAndDown{0%,100%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}50%{-webkit-transform:translateY(5px);transform:translateY(5px)}}@keyframes
upAndDown{0%,100%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}50%{-webkit-transform:translateY(5px);transform:translateY(5px)}}@-webkit-keyframes
shiny{0%{-webkit-transform:scale(1) rotate(25deg);transform:scale(1) rotate(25deg);opacity:1}100%{-webkit-transform:scale(30) rotate(25deg);transform:scale(30) rotate(25deg);opacity:0}}@keyframes
shiny{0%{-webkit-transform:scale(1) rotate(25deg);transform:scale(1) rotate(25deg);opacity:1}100%{-webkit-transform:scale(30) rotate(25deg);transform:scale(30) rotate(25deg);opacity:0}}.top-section .search-bar-title-wrap{margin-bottom:12px}@media all and (max-width: 430px){.top-section .search-bar-title-wrap{margin-bottom:0}}.top-section .search-bar-title-wrap .search-bar-title{font-size:24px;font-weight:700;color:#353D49;line-height:150%}@media all and (max-width: 430px){.top-section .search-bar-title-wrap .search-bar-title{font-size:20px}}.top-section .search-bar-title-wrap .search-bar-sub-title{font-size:14px;color:#404753;line-height:150%}@media all and (max-width: 430px){.top-section .search-bar-title-wrap .search-bar-sub-title .is-Mobile{display:none}}.top-section .search-bar-wrap{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;font-size:18px;position:relative;z-index:1;width:580px}@media all and (max-width: 768px){.top-section .search-bar-wrap{font-size:16px;width:auto}}@media all and (max-width: 700px){.top-section .search-bar-wrap{padding:0;width:100%;margin:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:0 0 black;box-shadow:0 0 black;background:transparent;width:calc(100vw - 30px);max-width:500px}}.top-section .search-bar-wrap>*{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:21px}.top-section .search-bar-wrap
input{border:none !important;outline:0;font-size:18px;padding:0
24px 0 8px;width:90%}@media all and (max-width: 768px){.top-section .search-bar-wrap
input{width:416px}}@media all and (max-width: 700px){.top-section .search-bar-wrap
input{width:80%;font-size:16px}}@media all and (max-width: 375px){.top-section .search-bar-wrap
input{width:100%}}.top-section .search-bar-wrap input::before{content:"";display:inline-block}.top-section .search-bar-wrap input::-webkit-input-placeholder{color:#BFC1C5}.top-section .search-bar-wrap input:-ms-input-placeholder{color:#BFC1C5}.top-section .search-bar-wrap input::-moz-placeholder{color:#BFC1C5}.top-section .search-bar-wrap input::-ms-input-placeholder{color:#BFC1C5}.top-section .search-bar-wrap input::placeholder{color:#BFC1C5}.top-section .search-bar-wrap input[type=text]:disabled{background-color:transparent}.top-section .search-bar-wrap .function-btn-wrap{display:none}.top-section .search-bar-wrap .function-btn-box{padding:0
32px 0;cursor:pointer;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:24px;font-size:18px}@media all and (max-width: 700px){.top-section .search-bar-wrap .function-btn-box{padding:0;padding:12px
16px;font-size:16px;border:none;width:50%;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}}.top-section .search-bar-wrap .function-btn-divider{border-right:1px solid #E9EAEB;height:16px}@media all and (max-width: 700px){.top-section .search-bar-wrap .function-btn-divider.function-btn-divider--pad{display:none}}.top-section .search-bar-wrap .function-btn{min-width:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}@media all and (max-width: 414px){.top-section .search-bar-wrap .function-btn{padding:0;width:auto}}.top-section .search-bar-wrap .function-btn
img{margin-left:8px;width:14px;height:14px}@media all and (max-width: 768px){.top-section .search-bar-wrap .function-btn
img{position:absolute;width:12px;height:12px;right:12px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}.top-section .search-bar-wrap .function-btn .function-btn-separator{padding:0
4px}@media all and (max-width: 414px){.top-section .search-bar-wrap .function-btn .function-btn-separator{padding:0}}.top-section .search-bar-wrap .search-input-box{padding:12px
12px 12px 16px;max-width:580px;width:100%;-webkit-box-shadow:0 2px 4px 0 rgba(53, 61, 73, 0.15), 0 4px 8px 0 rgba(53, 61, 73, 0.1), 0 8px 12px 0 rgba(53, 61, 73, 0.05);box-shadow:0 2px 4px 0 rgba(53, 61, 73, 0.15), 0 4px 8px 0 rgba(53, 61, 73, 0.1), 0 8px 12px 0 rgba(53, 61, 73, 0.05);background:#fff;border-radius:12px}@media all and (max-width: 700px){.top-section .search-bar-wrap .search-input-box{width:100%;border-radius:8px;-webkit-box-shadow:0 2px 4px 0 rgba(225, 230, 237, 0.5);box-shadow:0 2px 4px 0 rgba(225, 230, 237, 0.5);border:solid 0.4px #DCE2EC;margin-top:12px;background:#fff;padding:8px
0}.top-section .search-bar-wrap .search-input-box.is-expanding{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:0;margin-bottom:1px}.top-section .search-bar-wrap .search-input-box.is-expanding .bottom-line{display:unset}}.top-section .search-bar-wrap .search-input-box::before{min-width:18px;width:18px;height:18px;content:"";display:inline-block;background:url("/img/icon/ic24/ic_search_darkblue100.svg");background-repeat:no-repeat;background-size:contain;background-position:center}@media all and (max-width: 768px){.top-section .search-bar-wrap .search-input-box::before{margin-left:12px}}@media all and (max-width: 768px){.top-section .search-bar-wrap .search-input-box.is-focusing{border-radius:12px 12px 0 0}}@media all and (max-width: 768px){.top-section .search-bar-wrap .search-input-box .searchRecord-box{display:none}}.top-section .search-bar-wrap .search-input-box .searchRecord-box
a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-image:url("/img/icon/ic18/ic_recenthistory_darkblue300.svg");background-position:left center;background-repeat:no-repeat;background-size:18px;padding-left:22px;margin-right:24px;text-decoration:none;word-break:keep-all}.top-section .search-bar-wrap .search-input-box .searchRecord-box a:hover{background-image:url("/img/icon/ic18/ic_recenthistory_darkblue500.svg")}@media all and (max-width: 1024px){.top-section .search-bar-wrap .search-input-box .searchRecord-box
a{margin-right:8px}}.top-section .search-bar-wrap .search-input-box .searchRecord-box a
span{color:#80858C;font-size:16px;line-height:24px}.top-section .search-bar-wrap .search-input-box .searchRecord-box a span:hover{color:#555C66}.top-section .search-bar-wrap .search-input-box .bottom-line{display:none;position:absolute;width:100%;max-width:calc(100% - 18px);left:0;top:61px;z-index:1;border-top:1px solid #DCE2EC;border-bottom:none;border-left:none;border-right:none;margin:0
6px 0 12px}@media all and (max-width: 768px){.top-section .search-bar-wrap .search-input-box .bottom-line{display:block}}.top-section .search-bar-wrap .is-btn{font-size:16px;display:inset-block;border-radius:8px;padding:8px
48px;background:#FA1E50;color:#fff;line-height:150%;white-space:nowrap;margin-left:auto;text-decoration:none}@media all and (max-width: 700px){.top-section .search-bar-wrap .is-btn{margin-right:8px;padding:5px
18px 6px}}@media all and (max-width: 768px){.top-section .search-bar-wrap .is-btn{padding:4px
18px}}.top-section .search-bar-wrap .is-btn:hover{background:#FB6184}@media all and (max-width: 768px){.top-section .search-bar-wrap .is-btn:hover{opacity:0.7}}.top-section .search-txt-wrap{color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:848px;margin:0
auto}@media all and (max-width: 880px){.top-section .search-txt-wrap{max-width:689px}}@media all and (max-width: 414px){.top-section .search-txt-wrap{display:none}}.top-section .search-txt-wrap
a{display:inline;color:#fff;margin-right:8px}.top-section .search-txt-wrap a:hover{opacity:0.7}.top-section .search-recent-wrap{position:relative}@media (max-width: 600px){.top-section .search-recent-wrap{display:none}}.top-section .search-recent-wrap
*{line-height:1.5}.top-section .search-recent-wrap:after{content:"";display:inline-block;position:absolute;left:0;right:0;top:10px;height:20px}.top-section .search-recent-wrap .search-recent-txt::after{content:"";display:inline-block;width:5px;height:5px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-right:1px solid #fff;border-bottom:1px solid #fff;position:relative;top:-3px;margin-left:12px;-webkit-transition:all 0.2s;transition:all 0.2s}.top-section .search-recent-wrap .search-recent-box{-webkit-box-shadow:0 2px 4px 0 rgba(11, 59, 108, 0.05), 0 4px 8px 0 rgba(11, 59, 108, 0.05), 0 6px 12px 0 rgba(11, 59, 108, 0.05);box-shadow:0 2px 4px 0 rgba(11, 59, 108, 0.05), 0 4px 8px 0 rgba(11, 59, 108, 0.05), 0 6px 12px 0 rgba(11, 59, 108, 0.05);background:#fff;border-radius:4px;border:solid 1px #DCE2EC;color:#232A35;padding:16px;width:160px;position:absolute;top:30px;right:0;z-index:10;text-align:left;display:none}.top-section .search-recent-wrap .search-recent-box .search-title{font-size:14px;color:#2B3340;padding-bottom:6px}.top-section .search-recent-wrap .search-recent-box .search-recent-inbox{font-size:12px}.top-section .search-recent-wrap .search-recent-box .search-recent-inbox .search-txt{color:#404753}.top-section .search-recent-wrap .search-recent-box
a{font-size:13px;line-height:1.2;display:block;padding:4px
0;color:#6596FF;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.top-section .search-recent-wrap .search-recent-box a:hover{color:#555C66}.top-section .search-recent-wrap:hover .search-recent-txt::after{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.top-section .search-recent-wrap:hover .search-recent-box{display:block}.top-section .search-slider{position:absolute;opacity:0;z-index:1;padding:8px
0 8px 52px;display:none}@media all and (max-width: 700px){.top-section .search-slider{display:block;left:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:76%;padding:8px
0 8px 28px}}@media all and (max-width: 414px){.top-section .search-slider{left:3px;padding-left:35px}}.top-section .search-slider .tns-controls, .top-section .search-slider .tns-nav, .top-section .search-slider button[data-action=stop]{display:none}.top-section .search-slider
.item{background:#fff;text-align:left;padding:4px
0;font-size:16px;color:#BFC1C5;line-height:1}.top-section .search-input-focusing-section{position:absolute;border:1px
solid #D4DCE8;background-color:#fff;left:50%;top:70px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:12px;-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);padding:12px
0;-webkit-transform:translate(-50%);transform:translate(-50%)}@media all and (max-width: 700px){.top-section .search-input-focusing-section{top:42px;width:100%;left:-1px;border-top-left-radius:0;border-top-right-radius:0;border-top:0}}@media all and (max-width: 948px){.top-section .search-input-focusing-section{padding-top:12px;-webkit-box-shadow:none;box-shadow:none}}@media all and (max-width: 768px){.top-section .search-input-focusing-section{top:55px;border-top-left-radius:0;border-top-right-radius:0;border-top:none}}@media all and (max-width: 700px){.top-section .search-input-focusing-section{left:50%;top:60px}}.top-section .search-input-focusing-section .search-input-focusing-item{text-align:left;background-image:url("/img/icon/ic24/ic_search_darkblue100.svg");background-repeat:no-repeat;background-position:left 24px center;background-size:18px;color:#2B3340;font-size:16px;line-height:24px;padding:8px
24px 8px 50px;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.top-section .search-input-focusing-section .search-input-focusing-item:hover{background-color:#F2F5F9}.top-section .search-history-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:8px
12px}.top-section .search-history-title
p{padding:0;font-size:14px;line-height:21px;font-weight:bold;color:#404753;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.top-section .search-history-title
span{font-size:14px;line-height:18px;color:#95999F;font-weight:normal;white-space:nowrap}.top-section .search-history-title span#search-history-num{margin-left:4px}.top-section .search-history-title
a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#80858C;font-size:14px;line-height:21px;padding-left:22px;background-image:url("/img/icon/ic18/ic_delete_darkblue300.svg");background-position:left center;background-repeat:no-repeat;background-size:18px}.top-section .search-history-title a:hover{background-image:url("/img/icon/ic18/ic_delete_darkblue500.svg")}.top-section .search-history-title a:hover
span{color:#555C66}.top-section .search-input-focusing-section-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#2B3340;font-size:16px;line-height:24px}.top-section .search-input-focusing-section-content.is-empty{padding:8px
12px 12px;text-align:left}@media all and (max-width: 700px){.top-section .search-input-focusing-section-content{width:calc(100vw - 32px)}}figure{margin:0}.is-tra{-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out}.is-mar{display:block;margin:0
auto}.is-text-hidden{display:block;text-indent:-9999px;font-size:0}.is-hidden{opacity:0;width:0;height:0;overflow:hidden;position:absolute;z-index:-1}.is-m{display:none !important}@media all and (max-width: 768px){.is-m{display:block !important}}@media all and (max-width: 768px){.is-pc{display:none !important}}.is-toast{font-family:Arial,Helvetica,Meiryo,Microsoft JhengHei,"微軟正黑體",sans-serif;font-size:16px;line-height:1.5;white-space:nowrap;color:#fff;background:#2B3340;-webkit-box-shadow:0px 5px 12px rgba(0, 0, 0, 0.1);box-shadow:0px 5px 12px rgba(0, 0, 0, 0.1);padding:10px
25px;border-radius:4px;position:fixed;display:block;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:9999}.is-checkbox-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.is-checkbox-wrap
input{display:none}.is-checkbox-wrap
figure{width:18px;min-width:18px;height:18px;display:inline-block;background:url(/img/common-icon/check-icon/ic_ck_18.svg);background-repeat:no-repeat;background-size:contain;background-position:center}.is-checkbox-wrap
span{font-size:14px}.is-checkbox-wrap:hover
figure{background:url(/img/common-icon/check-icon/ic_ck_18_hover.svg);background-repeat:no-repeat;background-size:contain;background-position:center}.is-checkbox-wrap:hover
span{color:#2369FF}.is-checkbox-wrap input:checked~figure{background:url(/img/common-icon/check-icon/ic_ck_18_selected.svg);background-repeat:no-repeat;background-size:contain;background-position:center}.is-input{border:1px
solid #BFC1C5;border-radius:4px;color:#232A35}.is-input::-webkit-input-placeholder{color:#BFC1C5}.is-input:-ms-input-placeholder{color:#BFC1C5}.is-input::-moz-placeholder{color:#BFC1C5}.is-input::-ms-input-placeholder{color:#BFC1C5}.is-input::placeholder{color:#BFC1C5}.is-input:focus{border-color:#404753 !important}.is-input.error-input{border-color:#FA1E50}.is-btn{display:inline-block;border-radius:4px;text-align:center}.is-btn.btn-solid{color:#fff;background:#FA1E50;border:solid 1px #FA1E50}.is-btn.btn-solid:hover{color:#fff;background:#FB6184;border:solid 1px #FB6184}.is-btn.btn-solid.disable{color:#fff;background:#FDA5B9;border:solid 1px #FDA5B9;cursor:no-drop}.is-btn.btn-outline{color:#FA1E50;background:#FFF;border:solid 1px #FA3461}.is-btn.btn-outline:hover{color:#E01A47;background:#FEF4F6;border:solid 1px #E01A47}.is-btn.btn-outline.disable{color:#FDA5B9;background:#FFF;border:solid 1px #FDBBCA}.text-xs{font-size:12px}.text-s{font-size:14px}.text-sm{font-size:15px}.text-m{font-size:16px}.text-ml{font-size:18px}.text-l{font-size:20px}.text-xl{font-size:22px}.text-2xl{font-size:24px}.footer-station{padding:64px
0;margin:64px
auto 0 auto;background-color:#F2F5F9;width:100%}@media all and (max-width: 768px){.footer-station{margin:0
auto;padding:40px
0 38px 0}}.footer-station
*{font-size:12px;line-height:1.5}.footer-station-icons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:16px}@media all and (max-width: 768px){.footer-station-icons{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:24px}}.footer-station-icons__item--theme-ig{background:url(/img/bear/pages/index/footer/simple/ic_media_36_ig.svg);background-repeat:no-repeat;background-size:contain;background-position:center;text-indent:-9999px;width:24px;height:24px;display:inline-block;margin:0px
12px}.footer-station-icons__item--theme-fb{background:url(/img/bear/pages/index/footer/simple/ic_media_36_fb.svg);background-repeat:no-repeat;background-size:contain;background-position:center;text-indent:-9999px;width:24px;height:24px;display:inline-block;margin:0px
12px}.footer-station-icons__item--theme-youtube{background:url(/img/bear/pages/index/footer/simple/ic_media_36_youtube.svg);background-repeat:no-repeat;background-size:contain;background-position:center;text-indent:-9999px;width:24px;height:24px;display:inline-block;margin:0px
12px}.footer-station-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:6px}@media all and (max-width: 768px){.footer-station-info{-ms-flex-wrap:wrap;flex-wrap:wrap}}.footer-station-info__item{margin:0
8px}@media all and (max-width: 768px){.footer-station-info__item__company{width:100%;text-align:center;margin-bottom:6px}}@media all and (max-width: 430px){.footer-station-info__customer-tel{margin-top:6px}}.footer-station-info__copyright{color:#AAADB3;text-align:center}@media all and (max-width: 768px){.footer-station-info__copyright{padding-top:18px}}@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}figure{margin:0}.is-tra{-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out}.is-mar{display:block;margin:0
auto}.is-text-hidden{display:block;text-indent:-9999px;font-size:0}.is-hidden{opacity:0;width:0;height:0;overflow:hidden;position:absolute;z-index:-1}.is-m{display:none !important}@media all and (max-width: 768px){.is-m{display:block !important}}@media all and (max-width: 768px){.is-pc{display:none !important}}.is-toast{font-family:Arial,Helvetica,Meiryo,Microsoft JhengHei,"微軟正黑體",sans-serif;font-size:16px;line-height:1.5;white-space:nowrap;color:#fff;background:#2B3340;-webkit-box-shadow:0px 5px 12px rgba(0, 0, 0, 0.1);box-shadow:0px 5px 12px rgba(0, 0, 0, 0.1);padding:10px
25px;border-radius:4px;position:fixed;display:block;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:9999}.is-checkbox-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.is-checkbox-wrap
input{display:none}.is-checkbox-wrap
figure{width:18px;min-width:18px;height:18px;display:inline-block;background:url(/img/common-icon/check-icon/ic_ck_18.svg);background-repeat:no-repeat;background-size:contain;background-position:center}.is-checkbox-wrap
span{font-size:14px}.is-checkbox-wrap:hover
figure{background:url(/img/common-icon/check-icon/ic_ck_18_hover.svg);background-repeat:no-repeat;background-size:contain;background-position:center}.is-checkbox-wrap:hover
span{color:#2369FF}.is-checkbox-wrap input:checked~figure{background:url(/img/common-icon/check-icon/ic_ck_18_selected.svg);background-repeat:no-repeat;background-size:contain;background-position:center}.is-input{border:1px
solid #BFC1C5;border-radius:4px;color:#232A35}.is-input::-webkit-input-placeholder{color:#BFC1C5}.is-input:-ms-input-placeholder{color:#BFC1C5}.is-input::-moz-placeholder{color:#BFC1C5}.is-input::-ms-input-placeholder{color:#BFC1C5}.is-input::placeholder{color:#BFC1C5}.is-input:focus{border-color:#404753 !important}.is-input.error-input{border-color:#FA1E50}.is-btn{display:inline-block;border-radius:4px;text-align:center}.is-btn.btn-solid{color:#fff;background:#FA1E50;border:solid 1px #FA1E50}.is-btn.btn-solid:hover{color:#fff;background:#FB6184;border:solid 1px #FB6184}.is-btn.btn-solid.disable{color:#fff;background:#FDA5B9;border:solid 1px #FDA5B9;cursor:no-drop}.is-btn.btn-outline{color:#FA1E50;background:#FFF;border:solid 1px #FA3461}.is-btn.btn-outline:hover{color:#E01A47;background:#FEF4F6;border:solid 1px #E01A47}.is-btn.btn-outline.disable{color:#FDA5B9;background:#FFF;border:solid 1px #FDBBCA}.text-xs{font-size:12px}.text-s{font-size:14px}.text-sm{font-size:15px}.text-m{font-size:16px}.text-ml{font-size:18px}.text-l{font-size:20px}.text-xl{font-size:22px}.text-2xl{font-size:24px}.skillmate-index{position:relative;margin:0
auto;padding:24px
0 32px;max-width:994px;width:100%;z-index:0}@media all and (max-width: 768px){.skillmate-index{max-width:100%}}.skillmate-index__filter-bar{margin-bottom:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px}@media all and (max-width: 768px){.skillmate-index__filter-bar{padding-left:16px}}.skillmate-index__filter-bar
.filter{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2px;cursor:pointer}.skillmate-index__filter-bar .filter.filter-line::after{content:"";display:inline-block;position:relative;top:0.5px;left:4px;width:0.6px;height:14px;background:#E9EAEB}.skillmate-index__filter-bar .filter.active
p{font-weight:700;color:#3978FF}.skillmate-index__filter-bar .filter.active .ic-arrow-down{background:url(/img/index/skillmate/ic_arrow_filled_down_blue50.svg)}.skillmate-index__filter-bar .filter .ic-arrow-down{display:inline-block;background:url(/img/index/skillmate/ic_arrow_filled_down_darkblue50.svg) no-repeat;background-size:contain;width:16px;height:16px}.skillmate-index__breadcrumb{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;width:100%;max-width:100%;margin:0
0 12px;font-size:14px;color:#95999F}@media all and (max-width: 768px){.skillmate-index__breadcrumb{padding-left:16px}}.skillmate-index__breadcrumb__link{color:#6596FF;text-decoration:none}.skillmate-index__breadcrumb .ic-arrow-right{background:url(/img/selfmedia/ic_arrow_right.svg) no-repeat;background-size:contain;width:18px;height:18px}.skillmate-index__breadcrumb
.breadcrumb__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:680px;color:#80858C}.skillmate-index__main{margin:0
auto;display:-webkit-box;display:-ms-flexbox;display:flex;gap:32px;max-width:994px}@media all and (max-width: 768px){.skillmate-index__main{width:100%}}.skillmate-index__main .skillmate-index__card-list-section{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.skillmate-index__main .skillmate-index__card-list-section
.findmsg{display:-webkit-box;display:-ms-flexbox;display:flex;padding:24px
0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top:1px solid #E9EAEB;min-height:360px}@media all and (max-width: 948px){.skillmate-index__main .skillmate-index__card-list-section
.findmsg{padding:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.skillmate-index__main .skillmate-index__card-list-section .findmsg
p{font-size:18px;line-height:24px;color:#2B3340;margin-bottom:12px;font-weight:bold}.skillmate-index__main .skillmate-index__card-list-section .findmsg
span{font-size:16px;line-height:21px;color:#80858C;display:block}@media all and (max-width: 948px){.skillmate-index__main .skillmate-index__card-list-section .findmsg
span{text-align:center}}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList{width:100%}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList:nth-child(1){border-top:1px solid #E9EAEB}@media all and (max-width: 768px){.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList{padding-bottom:0}}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem{border-bottom:1px solid #E9EAEB}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem:hover{background:#F2F5F9}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem:hover .profile__actions
.profile__chat{color:#fff;background:#FA1E50;border:solid 1px #FA1E50}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem:hover .profile__actions .profile__chat .ic-message{background:url(/img/icon/ic18/ic_message_white.svg) no-repeat}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .cardItem__to-detail-btn{display:block;position:relative;padding:20px
16px;text-decoration:none;z-index:3}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem
.profile{margin-bottom:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;color:#232A35}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem
.profile__info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem
.profile__avatar{width:42px;height:42px;border:3px
solid #F4F5F5;border-radius:50%;overflow:hidden}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .profile__avatar
.profile__avatarImg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem
.profile__meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .profile__meta
.profile__main{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .profile__meta .profile__main
.profile__name{font-size:16px;font-weight:700;color:#232A35;line-height:150%}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .profile__meta .profile__main
.profile__tags{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;list-style:none;z-index:-1}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .profile__meta .profile__main .profile__tags
.tag{position:relative;width:104px;height:24px}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .profile__meta .profile__main .profile__tags .tag--loyal{background:url(/img/skillmate/tag_loyal.png) no-repeat;background-size:contain}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .profile__meta .profile__main .profile__tags .tag--loyal
p{left:60%}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .profile__meta .profile__main .profile__tags .tag--chat{background:url(/img/skillmate/tag_chat.png) no-repeat;background-size:contain}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .profile__meta .profile__main .profile__tags .tag--chat
p{left:60%}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .profile__meta .profile__main .profile__tags .tag--like{background:url(/img/skillmate/tag_like.png) no-repeat;background-size:contain}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .profile__meta .profile__main .profile__tags .tag--like
p{left:55%}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .profile__meta .profile__main .profile__tags .tag
p{position:absolute;font-size:12px;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);white-space:nowrap}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .profile__meta
.profile__online{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;font-size:12px}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem
.profile__actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px}@media all and (max-width: 430px){.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .profile__actions.is-PC{display:none}}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .profile__actions.is-Mobile{display:none}@media all and (max-width: 430px){.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .profile__actions.is-Mobile{margin-top:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .profile__actions
.profile__like{padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;font-size:14px;color:#FA1E50;cursor:pointer}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .profile__actions .profile__like .ic-like{background:url(/img/icon/ic18/ic_like_click.svg);background-repeat:no-repeat;background-size:contain;width:18px;height:18px}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .profile__actions .profile__like--default .ic-like{background:url(/img/icon/ic18/ic_like_default.svg)}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .profile__actions .profile__like--default
span{color:#404753}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .profile__actions .profile__like--default:hover .ic-like{background:url(/img/icon/ic18/ic_like_hover.svg)}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .profile__actions .profile__like--default:hover
span{color:#FA1E50}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .profile__actions
.profile__chat{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;color:#FA1E50;background:#FFF;border:solid 1px #FA3461;padding:8px
16px;border-radius:4px;cursor:pointer}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .profile__actions .profile__chat:hover{color:#E01A47;background:#FEF4F6;border:solid 1px #E01A47}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .profile__actions
.profile__chat.disable{color:#FDA5B9;background:#FFF;border:solid 1px #FDBBCA}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .profile__actions .profile__chat:hover{color:#fff;background:#FA1E50;border:solid 1px #FA1E50}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .profile__actions .profile__chat:hover .ic-message{background:url(/img/icon/ic18/ic_message_white.svg) no-repeat}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .profile__actions .profile__chat .ic-message{background:url(/img/icon/ic18/ic_message_pinkred700.svg) no-repeat;background-size:contain;width:18px;height:18px}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .profile__actions .profile__chat
span{font-size:14px;font-weight:700;line-height:150%}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .card-detail{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .card-detail__title{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;font-size:16px;font-weight:700;color:#232A35;line-height:150%}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .card-detail__title .card-detail__sub-title{white-space:nowrap}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .card-detail__title .card-detail__skill{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;z-index:-1}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .card-detail__title .card-detail__skill::before{content:"";display:inline-block;position:absolute;top:2.5px;left:40px;width:0.6px;height:14px;background:#232A35}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .card-detail__desc{max-width:100%;max-height:42px;font-size:14px;color:#404753;line-height:150%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem
.skillImg{margin-top:12px;position:relative}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .skillImg
.swiper{width:100%;overflow:hidden}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .skillImg .swiper .swiper-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .skillImg .swiper .swiper-wrapper .swiper-slide{width:120px;color:#404753}@media all and (max-width: 768px){.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .skillImg .swiper .swiper-wrapper .swiper-slide:last-child{margin-right:32px}}@media all and (max-width: 430px){.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .skillImg .swiper .swiper-wrapper .swiper-slide{gap:8px}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .skillImg .swiper .swiper-wrapper .swiper-slide:last-child{margin-right:24px}}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .skillImg .swiper .swiper-wrapper .swiper-slide
img{width:120px;height:120px;-o-object-fit:cover;object-fit:cover}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .skillImg .swiper .swiper-pagination{display:none;top:235px !important;bottom:-50px}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .skillImg .swiper .swiper-pagination .swiper-pagination-bullet{width:9px;height:9px;border-radius:50vh;opacity:0.5;background-color:#E9EAEB}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .skillImg .swiper .swiper-pagination .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{background:rgba(255, 255, 255, 0.5);opacity:1}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .skillImg .swiper .swiper-pagination .swiper-pagination-bullet-active{width:9px;background:#FA1E50 !important;border-radius:50vh;opacity:1}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .skillImg .swiper-button-prev,
.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .skillImg .swiper-button-next{position:absolute;width:45px;height:45px}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .skillImg .swiper-button-prev.swiper-button-disabled,
.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .skillImg .swiper-button-next.swiper-button-disabled{opacity:0 !important}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .skillImg .swiper-button-prev, .skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .skillImg .swiper-button-prev--skillSwiper{display:none;opacity:0;top:54%;-webkit-transform:translate(-50%);transform:translate(-50%);left:-18px;position:absolute;z-index:1;width:34px;height:34px;display:inline-block;border-radius:50vh;border:1px
solid #DCE2EC;background-color:#fff;text-indent:-100000000000000020000px;background-image:url(/img/index/index/ic_control_right_default.svg);-webkit-transform:rotateY(180deg);transform:rotateY(180deg);background-repeat:no-repeat;background-size:contain;background-position:center;background-size:9px;-webkit-transition:all 0.3s;transition:all 0.3s}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .skillImg .swiper-button-prev:hover, .skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .skillImg .swiper-button-prev--skillSwiper:hover{-webkit-box-shadow:0 2px 4px 0 rgba(11, 59, 108, 0.05), 0 4px 8px 0 rgba(11, 59, 108, 0.05), 0 6px 12px 0 rgba(11, 59, 108, 0.05);box-shadow:0 2px 4px 0 rgba(11, 59, 108, 0.05), 0 4px 8px 0 rgba(11, 59, 108, 0.05), 0 6px 12px 0 rgba(11, 59, 108, 0.05)}@media all and (max-width: 820px){.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .skillImg .swiper-button-prev, .skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .skillImg .swiper-button-prev--skillSwiper{display:none}}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .skillImg .swiper-button-next, .skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .skillImg .swiper-button-next--skillSwiper{display:none;opacity:0;top:53%;-webkit-transform:translate(-50%);transform:translate(-50%);right:-36px;position:absolute;z-index:1;width:34px;height:34px;display:inline-block;border-radius:50vh;border:1px
solid #DCE2EC;background-color:#fff;text-indent:-100000000000000020000px;background-image:url(/img/index/index/ic_control_right_default.svg);background-repeat:no-repeat;background-size:contain;background-position:center;background-size:9px;-webkit-transition:all 0.3s;transition:all 0.3s}.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .skillImg .swiper-button-next:hover, .skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .skillImg .swiper-button-next--skillSwiper:hover{-webkit-box-shadow:0 2px 4px 0 rgba(11, 59, 108, 0.05), 0 4px 8px 0 rgba(11, 59, 108, 0.05), 0 6px 12px 0 rgba(11, 59, 108, 0.05);box-shadow:0 2px 4px 0 rgba(11, 59, 108, 0.05), 0 4px 8px 0 rgba(11, 59, 108, 0.05), 0 6px 12px 0 rgba(11, 59, 108, 0.05)}@media all and (max-width: 820px){.skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .skillImg .swiper-button-next, .skillmate-index__main .skillmate-index__card-list-section .skillmate-index__cardList .skillmate-index__cardItem .skillImg .swiper-button-next--skillSwiper{display:none}}.skillmate-index__main .recommend-section{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-flex:0;-ms-flex:0 0 276px;flex:0 0 276px;gap:32px}@media all and (max-width: 991px){.skillmate-index__main .recommend-section.is-PC{display:none}}.skillmate-index__main .recommend-section
.recommend__title{font-size:16px;font-weight:700;color:#404753;margin-bottom:12px}.skillmate-index__main .recommend-section .recommend
.recommend__list{padding:16px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;border:1px
solid #DCE2EC;border-radius:8px;list-style:none}.skillmate-index__main .recommend-section .recommend .recommend__list .skill-tag{outline:1px
solid #E9EAEB;border-radius:50px}.skillmate-index__main .recommend-section .recommend .recommend__list .skill-tag:hover{outline:none;background-color:#E3E8F0}.skillmate-index__main .recommend-section .recommend .recommend__list .skill-tag
a{padding:2px
12px;height:32px;font-size:14px;color:#232A35;line-height:29px;text-decoration:none}.skillmate-index__main .recommend-section .recommend
.recommend__area{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;list-style:none}.skillmate-index__main .recommend-section .recommend .recommend__area .recommend__skill-area{padding:12px;width:100%;border:1px
solid #DCE2EC;border-radius:8px}.skillmate-index__main .recommend-section .recommend .recommend__area .recommend__skill-area:hover{-webkit-box-shadow:0 -2px 4px 0 rgba(11, 59, 108, 0.05), 0 2px 4px 0 rgba(11, 59, 108, 0.05), 0 4px 8px 0 rgba(11, 59, 108, 0.05), 0 6px 12px 0 rgba(11, 59, 108, 0.05);box-shadow:0 -2px 4px 0 rgba(11, 59, 108, 0.05), 0 2px 4px 0 rgba(11, 59, 108, 0.05), 0 4px 8px 0 rgba(11, 59, 108, 0.05), 0 6px 12px 0 rgba(11, 59, 108, 0.05)}.skillmate-index__main .recommend-section .recommend .recommend__area .recommend__skill-area
a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;text-decoration:none}.skillmate-index__main .recommend-section .recommend .recommend__area .recommend__skill-area a .skill-area-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.skillmate-index__main .recommend-section .recommend .recommend__area .recommend__skill-area a .skill-area-text .ic-emoji.emoji-invest{background:url(/img/index/skillmate/emoji-money.png) no-repeat;background-size:contain;width:24px;height:24px}.skillmate-index__main .recommend-section .recommend .recommend__area .recommend__skill-area a .skill-area-text .ic-emoji.emoji-language{background:url(/img/index/skillmate/emoji-language.png) no-repeat;background-size:contain;width:24px;height:24px}.skillmate-index__main .recommend-section .recommend .recommend__area .recommend__skill-area a .skill-area-text .ic-emoji.emoji-divination{background:url(/img/index/skillmate/emoji-divination.png) no-repeat;background-size:contain;width:24px;height:24px}.skillmate-index__main .recommend-section .recommend .recommend__area .recommend__skill-area a .skill-area-text .ic-emoji.emoji-bake{background:url(/img/index/skillmate/emoji-bake.png) no-repeat;background-size:contain;width:24px;height:24px}.skillmate-index__main .recommend-section .recommend .recommend__area .recommend__skill-area a .skill-area-text .ic-emoji.emoji-cosmetic{background:url(/img/index/skillmate/emoji-cosmetic.png) no-repeat;background-size:contain;width:24px;height:24px}.skillmate-index__main .recommend-section .recommend .recommend__area .recommend__skill-area a .skill-area-text
p{font-size:16px;color:#2B3340;line-height:150%;white-space:nowrap}.skillmate-index__main .recommend-section .recommend .recommend__area .recommend__skill-area a .ic-arrow{display:inline-block;background:url(/img/icon/ic18/ic_arrowhead_right_darkblue300.svg) no-repeat;background-size:contain;width:18px;height:18px}.skillmate-index__main
.scrollTop{position:fixed;right:16px;bottom:64px;width:64px;padding:16px
8px;background:#fff;border:1px
solid #E9EAEB;border-radius:8px}.mask.blocker{overflow-y:hidden !important}.mask.blocker #to-download-app.modal{width:100%;top:8%}.mask.blocker #to-download-app
.pop_main_notice{padding:32px}.mask.blocker #to-download-app .pop_main_notice
.skill_ben{position:absolute;top:-160px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:253px}.mask.blocker #to-download-app .pop_main_notice .pop_text-wrap{line-height:150%;margin-bottom:16px}.mask.blocker #to-download-app .pop_main_notice .pop_text-wrap
.pop_title{font-size:18px;color:#2B3340;font-weight:700;margin:0}.mask.blocker #to-download-app .pop_main_notice .pop_text-wrap .pop_title .red-text{color:#FA1E50}.mask.blocker #to-download-app .pop_main_notice .pop_text-wrap
.pop_content{font-size:14px;color:#6A7079;margin:0}.mask.blocker #to-download-app .pop_main_notice .qrcode-download-app{width:176px}@media all and (max-width: 820px){.mask.blocker #to-download-app .pop_main_notice .qrcode-download-app{display:none}}.mask.blocker #to-download-app .pop_main_notice
.pop_btn{display:none}@media all and (max-width: 820px){.mask.blocker #to-download-app .pop_main_notice
.pop_btn{display:block}}.mask.blocker #to-download-app a.close-modal{top:12px;right:12px}#skillmate-fetch-loading-mask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(255, 255, 255, 0.85);z-index:9999;display:none}#skillmate-fetch-loading-mask
div{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}#skillmate-fetch-loading-mask div
p{font-size:20px;line-height:30px;font-weight:bold;color:#232A35}#pagination{padding-top:16px}