/*連結按鈕*/
.social-icon{
    position: fixed;
    top: 30%;
    left: 10px;
    z-index: 1000;}
.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;    
}

.s_btn{
  border:2px solid #fff;
  display: inline-block;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.4em; 
  line-height: 1.5;  
  width: calc(100%/6);   
  padding: .2em .3em;   
  border-radius: 0.25em;
  margin:.2em .3em;   
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.s_btn.btn-success{
   background-color: #89b724;
}
.s_btn.btn-danger{
   background-color: #e50012;
}
.s_btn.btn-primary{
   background-color: #008bd5;
}
.s_btn.btn-info{
   background-color: #1d2087;
}
.s_btn.btn-fb{
   background-color: #3760ab;
   color: #fff;
}

/*各班連結*/

#social_part h4{
    color: #fff;
    line-height: 3.5rem;
	margin-bottom: 1em;
}
#social_part a{
    margin-bottom: 5px;
}
#social_area{position: relative;}
#line_line,#act_act,#chishang,#fb_fb{
    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;
}
@media screen and (max-width: 575px) {    
   .s_btn{
      width: unset; 
      font-size: 1.8em;
   }   
  
    
.social-icon img.footer-img{
position: absolute;
    left: 7%;
    top: -6%;
    width: 86%;z-index: -1;} 
.social-icon{
    top: unset;
    bottom: 0;
    left: 0; 
    width: 100%;
    text-align: center;
    padding-top: 2%;
    background-color: #222;
     } 
.social-icon a{
    float: left;
    width: 33.3%;
    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,#chishang,#fb_fb{
    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-color: #e81408;
}
.chi_btn{
background-color: #008fd6;
}
     
}