@charset "utf-8";
/* CSS Document */


/*浮動連結*/
   div#social-address{
        position:fixed;
	   bottom:50%; 
	   left:0;
	   z-index:1000;
	   box-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.3);
       font-family: '微軟正黑體'; 
	   font-size: 16px;
	   text-align: center;
	 
}
		
    div#social-address .social-btn{color:white;padding: 16px 8px;cursor: pointer; display: block;}
 div#social-address .social-btn .line i {color:white; font-size: 2.5em;line-height: 1.2;}
div#social-address .social-btn .fb i {color:white; font-size: 2em;line-height: 1.3;}
    div#social-address a{color: inherit;text-decoration:none;}
    div#social-address p{margin:0 auto;}
    div#social-address a:hover,div#social-address .social-btn: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 .mlu{ background-color:#304E8E;}
    div#social-address .mline{ background-color:#45B035; }
    div#social-address .social-btn.mline,div#social-address .social-btn.mlu{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-lines2{
        position: absolute;
        background: rgba(255, 255, 255, 0.9);
        color: #2E5195;
        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,div#social-address #social-address-lines2 a{display: block;padding: 0 0.5em;}
    div#social-address #social-address-lines a:hover,div#social-address #social-address-lines2 a:hover{background: #ededed;}
    div#social-address #social-address-lines p,div#social-address #social-address-lines2 p{line-height: 2;border-bottom: 1px solid #ededed;margin: 0;padding: 0.5em 0;}
    div#social-address #social-address-lines a:last-child p,div#social-address #social-address-lines2 a:last-child p{border-bottom: none;}
	





    @media screen and (max-width: 767px){
 /*浮動連結*/
/*浮動連結*/
    div#social-address{ width: 100%;bottom: 0;content: "";display: inline-block;clear: both; }
    div#social-address .social-btn{ display: block;float: left;width: 49.99%;padding: 2% 0 5% 0;height: 8.8vh;}
	div#social-address .social-btn .line i {color:white; font-size: 1.4em;line-height:1.2; }
	div#social-address .social-btn .fb i {color:white; font-size: 1.2em;line-height:1.2; }
    div#social-address img {width: 1em;    padding:0.25em 0.25em 0 0;}
    div#social-address br{display: none;}
    div#social-address .mlu{display: inline-block; }
    div#social-address #social-address-lines{width: 100%;top:initial;bottom:100%;left: 0;}
	div#social-address #social-address-lines2{width: 100%;top:initial;bottom:100%;left: 0;}
	
	
	
}