:root{
--blue-light:#3b82f6;
--green:#22c55e;
}
/*快加入高上公職考LINE@生活圈*/
.social-title{font-size:1.75rem;font-weight:bold;margin:2rem auto auto;}
.social-box{padding:1rem;border-radius:.75rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);display:flex;flex-direction:column;align-items:center;transition:transform .3s;background-color:var(--green);font-size:1.15rem;margin:1.5rem 1.5rem auto;color:white;}
.social-box:hover{transform:scale(1.05);}
.social-box:nth-last-of-type(2){background-color:var(--blue-light);}
.social-box:last-of-type{background-color:#181818;}
.qr-code{padding:0.5rem 0.5rem 0;margin-bottom:0.75rem;}
.qr-code img{width:125px;height:auto;border-radius:0.5rem;}
@media screen and (max-width: 767px) and (orientation: portrait){
    .social-title{font-size:1.3rem;}    
}