/*連結按鈕*/
.social-icon{
    position: fixed;
    bottom: 20%;
    right: 1em;;
    z-index: 1050;}

.social-icon a{
    display: block;
    margin-bottom: 20px;
    border-radius: 8px;
}
.social-icon a:hover{
  transform: scale(1.1, 1.1);
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.social-icon img{
    width: 50px;
}

/*LINE*/
a.social_btn i{
   font-size: 4em;
   color: rgba(0,0,0,.8);   
   background-color: #fff;
   border-radius: 10px;
   line-height: .85;
   background-size: 98% 98%;
   background-position: center;
}
a.social_btn:hover i{
  color: rgba(60,183,81,1);
}

/*官網*/
a.web_btn{
   color: rgba(0,0,0,.85);
   font-size: 3.6em;
}
a.web_btn:hover i{
  color: rgba(18,113,216,1);
}

 @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: 50%;
    margin-bottom: 0;
    border-radius: 0;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.3;
    font-weight: bolder;
    padding: 0.4em 0 0.7em 0;
     }  
.social-icon p{
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: 700;
     }    
  
     
.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);
} 
.web_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);
}
     
}