/*
========
========
========
這支檔案是專門控制 PC 新聞頁下方，文末社群分享與追蹤的CSS，是獨立檔案 ========== 
========
========
========
*/
/* et_social_2 文末各社群分享組件 ======================== */
.et_social_2{ clear: both; margin-bottom: 20px;}
.et_social_2 p{ color: #666; font-weight: bold; margin-bottom: 5px;}
.et_social_2 .menu{ display: flex;}
.et_social_2 .menu > div, .et_social_2 .menu > a{ display: block; width: 50px; height: 50px; background: url(../images/et_icon_social-2.png) no-repeat; background-size: auto 100%; border-radius: 3px; overflow: hidden; transition: box-shadow 0.3s linear;}	
.et_social_2 .menu > :nth-child(n+2){ margin-left: 10px;}
.et_social_2 .menu > :not(.fb_box):hover{ box-shadow: 0px 0px 5px 5px rgba(50, 50, 50, 0.2) inset;}
.et_social_2 .menu .fb_box{ border: 1px solid #aaa; position: relative;}
.et_social_2 .menu .fb_box .fb-like{ margin-top: 3px; position: absolute; left: 50%; transform: translateX(-50%);}
.et_social_2 .menu .fb_box .fb-like::before{ display: block; content: ''; width: 100%; height: 1px; background-color: #fff; position: absolute; left: 0; top: 0; z-index: 10;/*遮原生黑色框線*/}
.et_social_2 .menu .fb_box{ background-position: calc( 50px * 0) 0px;}
.et_social_2 .menu .facebook{ background-position: calc( 50px * -1) 0px;}
.et_social_2 .menu .line{ background-position: calc( 50px * -2) 0px;}
.et_social_2 .menu .x{ background-position: calc( 50px * -3) 0px;}
.et_social_2 .menu .copy-link{ background-position: calc( 50px * -4) 0px; cursor: pointer;}
.et_social_2 .menu .print{ background-position: calc( 50px * -5) 0px; cursor: pointer;}
.et_social_2 .menu .message{ background-position: calc( 50px * -6) 0px; width: 130px; cursor: pointer;}

/* et_social_3 文末各社群追蹤組件 ======================== */
.et_social_3{ clear: both; margin-bottom: 20px;}
.et_social_3 p{ color: #666; font-weight: bold; margin-bottom: 5px;}
.et_social_3 .menu{ display: flex;}
.et_social_3 .menu .fb_box{ width: 180px; height: 60px; border-radius: 3px; overflow: hidden;}
.et_social_3 .menu .fb_box > div{ transform: scale(0.8); transform-origin: left top;}
.et_social_3 .menu > a{ display: block; width: 60px; height: 60px; background: url(../images/et_icon_social-3.png) no-repeat; background-size: auto 100%; border-radius: 3px; overflow: hidden; transition: box-shadow 0.3s linear;}
.et_social_3 .menu > :nth-child(n+2){ margin-left: 10px;}
.et_social_3 .menu > a:hover{ box-shadow: 0px 0px 5px 5px rgba(50, 50, 50, 0.2) inset;}
.et_social_3 .menu .youtube{ background-position: calc( 60px * 0) 0px;}
.et_social_3 .menu .instagram{ background-position: calc( 60px * -1) 0px;}
.et_social_3 .menu .line{ background-position: calc( 60px * -2) 0px;}
.et_social_3 .menu .x{ background-position: calc( 60px * -3) 0px;}
.et_social_3 .menu .telegram{ background-position: calc( 60px * -4) 0px;}
.et_social_3 .menu .facebook{ background-position: calc( 60px * -5) 0px;}