div#social-address{
        position:fixed; bottom:50%; left:0; z-index:1000!important;
        font-family: '微軟正黑體'; font-size: 16px!important;text-align: center;
    }
    div#social-address .social-btn-title{color:white;padding: 16px 8px;cursor: pointer; display: block;}
    div#social-address a{color: #fff;text-decoration:none;}
/*    div#social-address p{margin:0;}*/
    div#social-address a:hover,div#social-address .social-btn-title:hover{-webkit-filter:brightness(60%) contrast(150%);    -o-filter:brightness(60%) contrast(150%);    filter:brightness(60%) contrast(150%);}
/*    div#social-address img {    width: 1em;    padding: 0 0 0.25em 0;}*/

    div#social-address .mline .social-btn-title{ background-color:#45B035; }
 	div#social-address .social-btn.mline{ position: relative;}

/*

    div#social-address #social-address-lines{
        position: absolute;
        background: rgba(255, 255, 255, 0.9);
        color: #3f9831;
        top: 0%;
        left: 100%;
        margin: 0.5em 0.25em;
        border: 2px solid;
        border-radius: 0.25em;
        box-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.5);
        width: 6em;
        display: inline-table;
    }
    div#social-address #social-address-lines a{display: block;padding: 0 0.5em;}
    div#social-address #social-address-lines a:hover{background: #ededed;}
    div#social-address #social-address-lines p{line-height: 1;border-bottom: 1px solid #ededed;margin: 0;padding: 0.5em 0;}
    div#social-address #social-address-lines a:last-child p{border-bottom: none;}
*/

/*act*/
    div#social-address .mlu .social-btn-title{ background-color:#304e8e; }
    div#social-address .social-btn.mlu{position: relative;}
	div#social-address #social-address-act{
        position: absolute;
        background: rgba(255, 255, 255, 0.9);
        color: #304e8e;
        top: 0%;
        left: 100%;
        margin: 0.5em 0.25em;
        border: 2px solid;
        border-radius: 0.25em;
        box-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.5);
        width: 6em;
        display: inline-table;
    }
    div#social-address #social-address-act a{display: block;padding: 0 0.5em;}
    div#social-address #social-address-act a:hover{background: #ededed;}
    div#social-address #social-address-act p{line-height: 1;border-bottom: 1px solid #ededed;margin: 0;padding: 0.5em 0;}
    div#social-address #social-address-act a:last-child p{border-bottom: none;}
 @media screen and (max-width: 600px){
	 div#social-address #social-address-act{width: 100%;top:initial;bottom:100%;left: 0;}	
 }
/*act*/

 @media screen and (min-width: 600px){
	div#social-address .social-btn.mline,div#social-address .social-btn.mlu{
		position: relative;border-radius: 40px;
		margin-left: 15px;
		margin-bottom: 15px;
		width: 50px;height: 50px;color: #fff;
		box-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.3);		
	}	 
	div#social-address p{display: none;}

}
@media screen and (max-width: 599px){
div#social-address img{display: none;}
}
 @media screen and (max-width: 600px){
    div#social-address{ width: 100%;bottom: 0;content: "";display: inline-block;clear: both; }
    div#social-address .social-btn{ display: block;float: left;width: 33.33%;padding: 8px 0;}
    div#social-address img {width: 1em;    padding:0.25em 0.25em 0 0;}
    div#social-address br{display: none;}
	 
	div#social-address p {
    margin: 0;
    color: #fff;
    letter-spacing: 1px;
	font-size: 16px;line-height: 40px;
}
/*    div#social-address .mlu{display: inline-block; }*/
    div#social-address #social-address-lines{width: 100%;top:initial;bottom:100%;left: 0;}		
		
    }