@charset "UTF-8";.law[data-v-363c6984]{display:grid;grid-template-columns:1135px 1fr;height:clamp(300px,300px + (100vw - 387px) * .326,800px);padding:80px 0;position:relative}@media (max-width:1440px){.law[data-v-363c6984]{grid-template-columns:1fr;margin-bottom:clamp(82px,82px + (100vw - 387px) * .226,20rem)}}.law.layout-md[data-v-363c6984],.layout-md .law[data-v-363c6984]{padding:50px 0}@media (max-width:767px){.law[data-v-363c6984]{padding:50px 0}}.law.layout-sm[data-v-363c6984],.layout-sm .law[data-v-363c6984]{gap:2rem;padding:30px 0}@media (max-width:480px){.law[data-v-363c6984]{gap:2rem;padding:30px 0}}@media (max-width:389px){.law[data-v-363c6984]{gap:1rem}}.law .bg-noise[data-v-363c6984]{clip-path:polygon(0 0,65% 0,100% 100%,100% 100%,0 100%);height:100%;max-height:740px;position:absolute;width:65vw}.law .circle[data-v-363c6984]{animation:spin-363c6984 30s linear infinite;left:60%;max-height:800px;max-width:800px;mix-blend-mode:multiply;position:absolute;top:50%;transform:translate(-30%,-50%);width:40vw;z-index:1}.law .circle text[data-v-363c6984]{fill:var(--special2);font-weight:700}@media (max-width:1440px){.law .circle[data-v-363c6984]{top:50%;z-index:0}}.law .circle.layout-sm[data-v-363c6984],.layout-sm .law .circle[data-v-363c6984]{left:65%;width:35vw}@media (max-width:575px){.law .circle[data-v-363c6984]{left:65%;width:35vw}}@media (max-width:389px){.law .circle[data-v-363c6984]{z-index:0}}@keyframes spin-363c6984{0%{transform:translate(-30%,-50%) rotate(0)}to{transform:translate(-30%,-50%) rotate(1turn)}}.law .left[data-v-363c6984],.law .right[data-v-363c6984]{position:relative}@media (max-width:1600px){.law .left[data-v-363c6984]{height:clamp(150px,150px + (100vw - 387px) * .294,600px)}}.law .bubble[data-v-363c6984]{opacity:0;transition:opacity .8s ease,transform .8s ease}.law .bubble.show[data-v-363c6984]{opacity:1}@media (max-width:1440px){.law .bubble[data-v-363c6984]{transform:translate(50%)}}.law .hand-left[data-v-363c6984]{left:10%;max-width:420px;position:absolute;top:15%;width:30vw}@media (max-width:1440px){.law .hand-left[data-v-363c6984]{top:-10%}}.law .hand-culture[data-v-363c6984]{left:45%;max-width:140px;position:absolute;top:8%;width:20vw;z-index:3}@media (max-width:1440px){.law .hand-culture[data-v-363c6984]{left:30%;top:35%}}.law .hand-culture.layout-md[data-v-363c6984],.layout-md .law .hand-culture[data-v-363c6984]{left:25%;max-width:100px}@media (max-width:767px){.law .hand-culture[data-v-363c6984]{left:25%;max-width:100px}}.law .hand-culture.layout-sm[data-v-363c6984],.layout-sm .law .hand-culture[data-v-363c6984]{left:20%}@media (max-width:575px){.law .hand-culture[data-v-363c6984]{left:20%}}.law .hand-society[data-v-363c6984]{left:25%;max-width:180px;position:absolute;top:-6%;width:20vw;z-index:3;z-index:0}@media (max-width:1440px){.law .hand-society[data-v-363c6984]{left:35%;top:-10%}}.law .hand-right[data-v-363c6984]{animation:slide-363c6984 3s cubic-bezier(.25,.46,.45,.94) infinite alternate;max-width:530px;position:absolute;right:0;top:0;transform:translate(-55%,-19%);width:30vw;z-index:1}@keyframes slide-363c6984{0%{transform:translate(-55%,-19%)}to{transform:translate(-41%,-19%)}}@media (max-width:1600px){.law .hand-right[data-v-363c6984]{animation:slideSM-363c6984 3s cubic-bezier(.25,.46,.45,.94) infinite alternate;max-width:450px;right:-10%;transform:translate(-55%,-25%)}@keyframes slideSM-363c6984{0%{transform:translate(-55%,-80%)}to{transform:translate(-41%,-80%)}}}.law .hand-right.layout-sm[data-v-363c6984],.layout-sm .law .hand-right[data-v-363c6984]{animation:slideMB-363c6984 3s cubic-bezier(.25,.46,.45,.94) infinite alternate}@keyframes slideMB-363c6984{0%{transform:translate(-55%,-110%)}to{transform:translate(-41%,-110%)}}@media (max-width:575px){.law .hand-right[data-v-363c6984]{animation:slideMB-363c6984 3s cubic-bezier(.25,.46,.45,.94) infinite alternate}@keyframes slideMB-363c6984{0%{transform:translate(-55%,-110%)}to{transform:translate(-41%,-110%)}}}.law .content[data-v-363c6984]{background-image:url(./note.BMOVscul.png);background-repeat:round;font-family:"Noto Serif TC",serif;font-size:1.65rem;font-weight:700;min-height:460px;padding:9rem 0 10px 60px;position:absolute;right:0;top:20%;width:calc(100vw - 700px);z-index:1}@media (max-width:1600px){.law .content[data-v-363c6984]{font-size:1.25rem;min-height:350px;padding:8rem 0 10px 60px;width:900px}}@media (max-width:1440px){.law .content[data-v-363c6984]{font-size:1rem;justify-self:center;min-height:38vw;padding:11rem 0 10px 5rem;position:unset;transform:translateY(-20%);width:95vw}}@media (max-width:1024px){.law .content[data-v-363c6984]{font-size:.875rem;padding:8rem 0 7rem 4rem;width:95vw}}.law .content.layout-md[data-v-363c6984],.layout-md .law .content[data-v-363c6984]{padding:5rem 3rem 2rem 2rem}@media (max-width:767px){.law .content[data-v-363c6984]{padding:5rem 3rem 2rem 2rem}}.law .content.layout-sm[data-v-363c6984],.layout-sm .law .content[data-v-363c6984]{padding:1.5rem 2rem 1rem 1rem}@media (max-width:480px){.law .content[data-v-363c6984]{padding:1.5rem 2rem 1rem 1rem}}.law .content .title[data-v-363c6984]{font-size:3rem;margin-bottom:15px}.law .content .title[data-v-363c6984]:before{color:var(--primary);content:"WHAT IS SOCIOLOGY ?";display:none;font-family:微軟正黑體,Microsoft Jhenghei,Noto Sans TC,Noto Sans SC,Roboto,sans-serif;font-size:.75rem;height:20px;width:100%}.law .content .title:before.layout-sm[data-v-363c6984],.layout-sm .law .content .title[data-v-363c6984]:before{display:block}@media (max-width:480px){.law .content .title[data-v-363c6984]:before{display:block}}@media (max-width:1600px){.law .content .title[data-v-363c6984]{font-size:2rem}}@media (max-width:1440px){.law .content .title[data-v-363c6984]{font-size:1.75rem}}@media (max-width:1024px){.law .content .title[data-v-363c6984]{font-size:1.5rem}}.law .content .title.layout-md[data-v-363c6984],.layout-md .law .content .title[data-v-363c6984]{font-size:1.25rem}@media (max-width:767px){.law .content .title[data-v-363c6984]{font-size:1.25rem}}.law .content .title.layout-sm[data-v-363c6984],.layout-sm .law .content .title[data-v-363c6984]{background-color:#fff}@media (max-width:575px){.law .content .title[data-v-363c6984]{background-color:#fff}}