/*連結按鈕*/
.social-icon{
    position: fixed;
    top: 30%;
    left: 10px;
    z-index: 1050;}
.social-icon a{
    display: block;
    margin-bottom: 20px;
    border-radius: 40px;
}
.social-icon a:hover{
   -webkit-box-shadow: 0px  4px 8px #95ffc4;
-moz-box-shadow: 0px 4px 8px #95ffc4;
box-shadow: 0px  4px 8px #95ffc4;
}
.social-icon img{
    width: 70px;
    
}
/*各班連結*/

#social_part h4{
    color: #fff;
    line-height: 3.5rem;
	margin-bottom: 1em;
}
#social_part a{
    margin-bottom: 5px;
}
#line_line,#act_act,#yt_yt{
    padding-top: 3em;
    padding-bottom: 4em;
     } 
.coll_close{
	position: absolute;
	top: 0;
	right: 0;
	color: #FAFF54;
	padding: 15px;
}
.coll_close i{	
	color: #fff;
	font-size: 1.2em;
}
.coll_close:hover i{	
	color: #969696;
}
/*#social_part i{font-weight: 400!important;}*/
 @media screen and (max-width: 575px){
.social-icon{
    top: unset;
    bottom: 0;
    left: 0; 
    width: 100%;
    text-align: center;
     } 
.social-icon a{
    float: left;
    width: 100%;
    margin-bottom: 0;
    border-radius: 0;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.6rem;
    font-weight: bolder;
    padding: 0.4em 0 0.7em 0;
     }  
.social-icon p{
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-weight: bolder;
     }    
#line_line,#act_act,#yt_yt{
    padding: 2em 15px 6em 15px;
     }     
     
.social_btn{
background: -webkit-linear-gradient(left,#8fcc35,#62aa00);
background: -o-linear-gradient(right,#8fcc35,#62aa00);
background: -moz-linear-gradient(right,#8fcc35,#62aa00);
background: linear-gradient(to right,#8fcc35,#62aa00);
} 
.act_btn{
background: -webkit-linear-gradient(left,#5c80e1,#3b60c4);
background: -o-linear-gradient(right,#5c80e1,#3b60c4);
background: -moz-linear-gradient(right,#5c80e1,#3b60c4);
background: linear-gradient(to right,#5c80e1,#3b60c4);
}
 .yt_btn{
 background-image: linear-gradient(-225deg, #A445B2 0%, #D41872 52%, #FF0066 100%);

}    
}