@charset "utf-8";

/*
1280含以上 電腦
1279含以下 平版 手機
*/
/*----------------------------------------------------------------------------*/
/*============================================================================*/
/*


/*============================================================================*/
/* social fixed */
.jIsInnerPageFloatSocial {  }
/*site*/
.jIsInnerPageFloatSocial-lt, .jIsInnerPageFloatSocial-lc, .jIsInnerPageFloatSocial-lb,
.jIsInnerPageFloatSocial-rt, .jIsInnerPageFloatSocial-rc, .jIsInnerPageFloatSocial-rb { z-index: 1000; display: inline-block; position: fixed; margin: 0; padding: 0; width: 180px;
	-webkit-transition: left .5s ease-in-out, right .5s ease-in-out; transition: left .5s ease-in-out, right .5s ease-in-out;
}

.jIsInnerPageFloatSocial-lt { left: -180px; top: 0; }
.jIsInnerPageFloatSocial-lc { left: -180px; top: 50%; /*margin-top: -120px;*/ }
.jIsInnerPageFloatSocial-lb { left: -180px; bottom: 0; }

.jIsInnerPageFloatSocial-rt { right: -180px; top: 0; }
.jIsInnerPageFloatSocial-rc { right: -180px; top: 50%; /*margin-top: -120px;*/ }
.jIsInnerPageFloatSocial-rb { right: -180px; bottom: 0; }

.jIsInnerPageFloatSocial-lt.opened,
.jIsInnerPageFloatSocial-lc.opened,
.jIsInnerPageFloatSocial-lb.opened { left: 0; }

.jIsInnerPageFloatSocial-rt.opened,
.jIsInnerPageFloatSocial-rc.opened,
.jIsInnerPageFloatSocial-rb.opened { right: 0; }

/*----------------------------------------------------------------------------*/
/*ctrl*/
.jIsInnerPageFloatSocial .jIsInnerPageFloatSocialCtrl { z-index: 1001; position: absolute; margin-top: -33px; width: 33px; height: 66px; }

@keyframes jellen-left-start {
	0% { transform: translateX(-180x); }
	100% { transform: translateX(180px); }
}
@keyframes jellen-right-start {
	0% { transform: translateX(180x); }
	100% { transform: translateX(-180px); }
}


.jIsInnerPageFloatSocial .jIsInnerPageFloatSocialCtrl.is-lt,
.jIsInnerPageFloatSocial .jIsInnerPageFloatSocialCtrl.is-lc,
.jIsInnerPageFloatSocial .jIsInnerPageFloatSocialCtrl.is-lb { border-radius: 0 33px 33px 0; left: 0; top: 50%;
	-webkit-animation: 3s 3s normal ease forwards jellen-left-start; animation: 3s 3s normal ease forwards jellen-left-start;
}

.jIsInnerPageFloatSocial .jIsInnerPageFloatSocialCtrl.is-rt,
.jIsInnerPageFloatSocial .jIsInnerPageFloatSocialCtrl.is-rc,
.jIsInnerPageFloatSocial .jIsInnerPageFloatSocialCtrl.is-rb { border-radius: 33px 0 0 33px; right: 0; top: 50%;
	-webkit-animation: 3s 3s normal ease forwards jellen-right-start; animation: 3s 3s normal ease forwards jellen-right-start;
}

.jIsInnerPageFloatSocial .jIsInnerPageFloatSocialCtrl i { padding: 22px 0 0 10px; -webkit-transition: transform .3s linear; transition: transform .3s linear; }
.jIsInnerPageFloatSocial .jIsInnerPageFloatSocialCtrl.opened i { padding: 22px 13px 10px 10px; transform: rotateY(180deg); }

.jIsInnerPageFloatSocial .jIsInnerPageFloatSocialCtrl.is-lt i,
.jIsInnerPageFloatSocial .jIsInnerPageFloatSocialCtrl.is-lc i,
.jIsInnerPageFloatSocial .jIsInnerPageFloatSocialCtrl.is-lb i { padding: 22px 6px 0 0; transform: rotateY(180deg); }

.jIsInnerPageFloatSocial .jIsInnerPageFloatSocialCtrl.opened.is-lt i,
.jIsInnerPageFloatSocial .jIsInnerPageFloatSocialCtrl.opened.is-lc i,
.jIsInnerPageFloatSocial .jIsInnerPageFloatSocialCtrl.opened.is-lb i { transform: rotateY(0deg); }

/*----------------------------------------------------------------------------*/
/*main*/
.jIsInnerPageFloatSocial .jIsInnerPageFloatSocialMain {  }

.jIsInnerPageFloatSocialMain ul {  }

.jIsInnerPageFloatSocialMain ul li { display: inline-block; margin: 5px 10px; width: 100%; height: 46px; /*border: 1px solid rgba(255, 0, 0, .95);*/ }

.jIsInnerPageFloatSocialMain ul li.social-list {  }

.jIsInnerPageFloatSocialMain ul li .psharer { padding: 3px; }

.jIsInnerPageFloatSocialMain ul li .psharer .package { display: flex; position: relative; width: 100%; /*border: 1px solid rgba(0, 0, 0, .95);*/ }

.jIsInnerPageFloatSocialMain ul li .psharer .package .btn { box-shadow: 0 1px 1px 0 rgba(255, 255, 255, .65) inset, 0px 1px 3px rgba(0, 0, 0, .15);  }

.jIsInnerPageFloatSocialMain ul li .psharer .package .ico {  }
.jIsInnerPageFloatSocialMain ul li .psharer .package .ico i {  }

.jIsInnerPageFloatSocialMain ul li .psharer .package .txt {  }

.jIsInnerPageFloatSocialMain ul li .psharer .package .vertical-line {
	position: absolute; top: 6px; left: 40px; width: 1px; height: 25px;
	
	background-color: rgba(255, 255, 255, .35);
}

.jIsInnerPageFloatSocialMain ul li .psharer .package .num.hasnum { position: absolute; top: 0; right: 0; }
.jIsInnerPageFloatSocialMain ul li .psharer .package .num.nonum { display: none; }

/*line-share*/
.jIsInnerPageFloatSocialMain ul li.line-share .psharer .package {  }
.jIsInnerPageFloatSocialMain ul li.line-share .psharer .package .btn { display: inline-block; width: 120px; height: 36px; border-radius: 5px; background-color: rgba(0, 185, 0, 1); }
.jIsInnerPageFloatSocialMain ul li.line-share .psharer .package.nonum .btn { width: 120px; }
.jIsInnerPageFloatSocialMain ul li.line-share .psharer .package.hasnum .btn { width: 120px; }
.jIsInnerPageFloatSocialMain ul li.line-share .psharer .package .btn .logo { display: inline-block; margin: 3px; width: 30px; height: 30px; background: transparent url(../../../../_bk_img/line/full_50x50.png) no-repeat; }
.jIsInnerPageFloatSocialMain ul li.line-share .psharer .package .txt { position: absolute; top: 12px; left: 60px; }
.jIsInnerPageFloatSocialMain ul li.line-share .psharer .package .num.hasnum { z-index: -1; top: 3px; right: 20px; }

/*line-like*/
.jIsInnerPageFloatSocialMain ul li.line-like .psharer .package {  }
.jIsInnerPageFloatSocialMain ul li.line-like .psharer .package .btn { display: inline-block; width: 120px; height: 36px; border-radius: 5px; background-color: rgba(0, 185, 0, 1); }
.jIsInnerPageFloatSocialMain ul li.line-like .psharer .package .btn .logo { display: inline-block; margin: 3px; width: 30px; height: 30px; background: transparent url(../../../../_bk_img/line/full_50x50.png) no-repeat; }
.jIsInnerPageFloatSocialMain ul li.line-like .psharer .package .txt { position: absolute; top: 10px; left: 60px; }

.jIsInnerPageFloatSocialMain ul li.line-like .psharer .package .api { position: absolute; top: 8px; left: 45px; }

/*line-friend*/
.jIsInnerPageFloatSocialMain ul li.line-friend .psharer .package {  }
.jIsInnerPageFloatSocialMain ul li.line-friend .psharer .package .btn { display: inline-block; width: 120px; height: 36px; border-radius: 5px; background-color: rgba(0, 185, 0, 1); }
.jIsInnerPageFloatSocialMain ul li.line-friend .psharer .package .btn .logo { display: inline-block; margin: 3px; width: 30px; height: 30px; background: transparent url(../../../../_bk_img/line/full_50x50.png) no-repeat; }
.jIsInnerPageFloatSocialMain ul li.line-friend .psharer .package .txt { position: absolute; top: 12px; left: 50px; }

.jIsInnerPageFloatSocialMain ul li.line-friend .psharer .package .api { position: absolute; top: 8px; left: 10px; opacity: 0; filter: alpha(opacity=0); }

/*facebook-share*/
.jIsInnerPageFloatSocialMain ul li.facebook-share .psharer .package {  }
.jIsInnerPageFloatSocialMain ul li.facebook-share .psharer .package .btn { display: inline-block; width: 120px; height: 36px; border-radius: 5px; background-color: rgba(66, 130, 178, 1); }
.jIsInnerPageFloatSocialMain ul li.facebook-share .psharer .package.nonum .btn { width: 120px; }
.jIsInnerPageFloatSocialMain ul li.facebook-share .psharer .package.hasnum .btn { width: 120px; }
.jIsInnerPageFloatSocialMain ul li.facebook-share .psharer .package .btn .logo:after {
	content: "\f39e"; display: inline-block; margin: 8px 12px;
	font-family: 'Font Awesome 5 Brands'; font-size: 22px; color: rgba(255, 255, 255, .95);
}
.jIsInnerPageFloatSocialMain ul li.facebook-share .psharer .package .txt { position: absolute; top: 12px; left: 60px;}
.jIsInnerPageFloatSocialMain ul li.facebook-share .psharer .package .txt .fb-share-button a { font-size: 14px; color: rgba(255, 2555, 255, .95); }

/*facebook-like*/
.jIsInnerPageFloatSocialMain ul li.facebook-like .psharer .package {  }
.jIsInnerPageFloatSocialMain ul li.facebook-like .psharer .package .btn { display: inline-block; width: 120px; height: 36px; border-radius: 5px; background-color: rgba(66, 130, 178, 1); }
.jIsInnerPageFloatSocialMain ul li.facebook-like .psharer .package.nonum .btn { width: 120px; }
.jIsInnerPageFloatSocialMain ul li.facebook-like .psharer .package.hasnum .btn { width: 120px; }
.jIsInnerPageFloatSocialMain ul li.facebook-like .psharer .package .btn .logo:after {
	content: "\f39e"; display: inline-block; margin: 8px 12px;
	font-family: 'Font Awesome 5 Brands'; font-size: 22px; color: rgba(255, 255, 255, .95);
}
.jIsInnerPageFloatSocialMain ul li.facebook-like .psharer .package .txt { position: absolute; top: 10px; left: 50px;}

/*twitter-tweet*/
.jIsInnerPageFloatSocialMain ul li.twitter-tweet .psharer .package {  }
.jIsInnerPageFloatSocialMain ul li.twitter-tweet .psharer .package .btn { display: inline-block; width: 120px; height: 36px; border-radius: 5px; background-color: rgba(29, 161, 242, 1); }
.jIsInnerPageFloatSocialMain ul li.twitter-tweet .psharer .package.nonum .btn { width: 120px; }
.jIsInnerPageFloatSocialMain ul li.twitter-tweet .psharer .package.hasnum .btn { width: 120px; }
.jIsInnerPageFloatSocialMain ul li.twitter-tweet .psharer .package .btn .logo:after {
	content: "\f099"; display: inline-block; margin: 8px 12px;
	font-family: 'Font Awesome 5 Brands'; font-size: 22px; color: rgba(255, 255, 255, .95);
}
.jIsInnerPageFloatSocialMain ul li.twitter-tweet .psharer .package .txt { position: absolute; top: 12px; left: 60px;}

/*twitter-follow*/
.jIsInnerPageFloatSocialMain ul li.twitter-follow .psharer .package {  }
.jIsInnerPageFloatSocialMain ul li.twitter-follow .psharer .package .btn { display: inline-block; width: 120px; height: 36px; border-radius: 5px; background-color: rgba(29, 161, 242, 1); }
.jIsInnerPageFloatSocialMain ul li.twitter-follow .psharer .package.nonum .btn { width: 120px; }
.jIsInnerPageFloatSocialMain ul li.twitter-follow .psharer .package.hasnum .btn { width: 120px; }
.jIsInnerPageFloatSocialMain ul li.twitter-follow .psharer .package .btn .logo:after {
	content: "\f099"; display: inline-block; margin: 8px 12px;
	font-family: 'Font Awesome 5 Brands'; font-size: 22px; color: rgba(255, 255, 255, .95);
}
.jIsInnerPageFloatSocialMain ul li.twitter-follow .psharer .package .txt { position: absolute; top: 12px; left: 60px;}
.jIsInnerPageFloatSocialMain ul li.twitter-follow .psharer .package .txt a { font-size: 14px; color: rgba(255, 2555, 255, .95); }

/*linkedin-share*/
.jIsInnerPageFloatSocialMain ul li.linkedin-share .psharer .package {  }
.jIsInnerPageFloatSocialMain ul li.linkedin-share .psharer .package .btn { display: inline-block; width: 120px; height: 36px; border-radius: 5px; background-color: rgba(0, 102, 161, 1); }
.jIsInnerPageFloatSocialMain ul li.linkedin-share .psharer .package.nonum .btn { width: 120px; }
.jIsInnerPageFloatSocialMain ul li.linkedin-share .psharer .package.hasnum .btn { width: 120px; }
.jIsInnerPageFloatSocialMain ul li.linkedin-share .psharer .package .btn .logo:after {
	content: "\f0e1"; display: inline-block; margin: 8px 12px;
	font-family: 'Font Awesome 5 Brands'; font-size: 22px; color: rgba(255, 255, 255, .95);
}
.jIsInnerPageFloatSocialMain ul li.linkedin-share .psharer .package .txt { position: absolute; top: 12px; left: 60px;}

/*============================================================================*//*============================================================================*//*============================================================================*/



/*============================================================================*/
/* social embed */
/* 最小高度要 450px */
/* type box 在 content box 內 的絕對位置 */
/*----------------------------------------------------------------------------*/
.jIsInnerPageEmbedSocial {  }
/*site*/
.jIsInnerPageEmbedSocial-lt, .jIsInnerPageEmbedSocial-lc, .jIsInnerPageEmbedSocial-lb,
.jIsInnerPageEmbedSocial-rt, .jIsInnerPageEmbedSocial-rc, .jIsInnerPageEmbedSocial-rb { z-index: 1000; display: inline-block; position: absolute; margin: 0; padding: 0; width: 180px;
	-webkit-transition: left .5s ease-in-out, right .5s ease-in-out; transition: left .5s ease-in-out, right .5s ease-in-out;
}

.jIsInnerPageEmbedSocial-lt { left: -180px; top: 0; }
.jIsInnerPageEmbedSocial-lc { left: -180px; top: 50%; /*margin-top: -120px;*/ }
.jIsInnerPageEmbedSocial-lb { left: -180px; bottom: 0; }

.jIsInnerPageEmbedSocial-rt { right: -180px; top: 0; }
.jIsInnerPageEmbedSocial-rc { right: -180px; top: 50%; /*margin-top: -120px;*/ }
.jIsInnerPageEmbedSocial-rb { right: -180px; bottom: 0; }

.jIsInnerPageEmbedSocial-lt.opened,
.jIsInnerPageEmbedSocial-lc.opened,
.jIsInnerPageEmbedSocial-lb.opened { left: 0; }

.jIsInnerPageEmbedSocial-rt.opened,
.jIsInnerPageEmbedSocial-rc.opened,
.jIsInnerPageEmbedSocial-rb.opened { right: 0; }

/*----------------------------------------------------------------------------*/
/*ctrl*/
.jIsInnerPageEmbedSocial .jIsInnerPageEmbedSocialCtrl { z-index: 1001; position: absolute; margin-top: -33px; width: 33px; height: 66px; }

@keyframes jellen-left-start {
	0% { transform: translateX(-180x); }
	100% { transform: translateX(180px); }
}
@keyframes jellen-right-start {
	0% { transform: translateX(180x); }
	100% { transform: translateX(-180px); }
}


.jIsInnerPageEmbedSocial .jIsInnerPageEmbedSocialCtrl.is-lt,
.jIsInnerPageEmbedSocial .jIsInnerPageEmbedSocialCtrl.is-lc,
.jIsInnerPageEmbedSocial .jIsInnerPageEmbedSocialCtrl.is-lb { border-radius: 0 33px 33px 0; left: 0; top: 50%;
	-webkit-animation: 3s 3s normal ease forwards jellen-left-start; animation: 3s 3s normal ease forwards jellen-left-start;
}

.jIsInnerPageEmbedSocial .jIsInnerPageEmbedSocialCtrl.is-rt,
.jIsInnerPageEmbedSocial .jIsInnerPageEmbedSocialCtrl.is-rc,
.jIsInnerPageEmbedSocial .jIsInnerPageEmbedSocialCtrl.is-rb { border-radius: 33px 0 0 33px; right: 0; top: 50%;
	-webkit-animation: 3s 3s normal ease forwards jellen-right-start; animation: 3s 3s normal ease forwards jellen-right-start;
}

.jIsInnerPageEmbedSocial .jIsInnerPageEmbedSocialCtrl i { padding: 22px 0 0 10px; -webkit-transition: transform .3s linear; transition: transform .3s linear; }
.jIsInnerPageEmbedSocial .jIsInnerPageEmbedSocialCtrl.opened i { padding: 22px 13px 10px 10px; transform: rotateY(180deg); }

.jIsInnerPageEmbedSocial .jIsInnerPageEmbedSocialCtrl.is-lt i,
.jIsInnerPageEmbedSocial .jIsInnerPageEmbedSocialCtrl.is-lc i,
.jIsInnerPageEmbedSocial .jIsInnerPageEmbedSocialCtrl.is-lb i { padding: 22px 6px 0 0; transform: rotateY(180deg); }

.jIsInnerPageEmbedSocial .jIsInnerPageEmbedSocialCtrl.opened.is-lt i,
.jIsInnerPageEmbedSocial .jIsInnerPageEmbedSocialCtrl.opened.is-lc i,
.jIsInnerPageEmbedSocial .jIsInnerPageEmbedSocialCtrl.opened.is-lb i { transform: rotateY(0deg); }

/*----------------------------------------------------------------------------*/
/*main*/
.jIsInnerPageEmbedSocial .jIsInnerPageEmbedSocialMain {  }

.jIsInnerPageEmbedSocialMain ul {  }

.jIsInnerPageEmbedSocialMain ul li { display: inline-block; margin: 5px 10px; width: 100%; height: 46px; /*border: 1px solid rgba(255, 0, 0, .95);*/ }

.jIsInnerPageEmbedSocialMain ul li.social-list {  }

.jIsInnerPageEmbedSocialMain ul li .psharer { padding: 3px; }

.jIsInnerPageEmbedSocialMain ul li .psharer .package { display: flex; position: relative; width: 100%; /*border: 1px solid rgba(0, 0, 0, .95);*/ }

.jIsInnerPageEmbedSocialMain ul li .psharer .package .btn { box-shadow: 0 1px 1px 0 rgba(255, 255, 255, .65) inset, 0px 1px 3px rgba(0, 0, 0, .15);  }

.jIsInnerPageEmbedSocialMain ul li .psharer .package .ico {  }
.jIsInnerPageEmbedSocialMain ul li .psharer .package .ico i {  }

.jIsInnerPageEmbedSocialMain ul li .psharer .package .txt {  }

.jIsInnerPageEmbedSocialMain ul li .psharer .package .vertical-line {
	position: absolute; top: 6px; left: 40px; width: 1px; height: 25px;
	
	background-color: rgba(255, 255, 255, .35);
}

.jIsInnerPageEmbedSocialMain ul li .psharer .package .num.hasnum { position: absolute; top: 0; right: 0; }
.jIsInnerPageEmbedSocialMain ul li .psharer .package .num.nonum { display: none; }

/*line-share*/
.jIsInnerPageEmbedSocialMain ul li.line-share .psharer .package {  }
.jIsInnerPageEmbedSocialMain ul li.line-share .psharer .package .btn { display: inline-block; width: 120px; height: 36px; border-radius: 5px; background-color: rgba(0, 185, 0, 1); }
.jIsInnerPageEmbedSocialMain ul li.line-share .psharer .package.nonum .btn { width: 120px; }
.jIsInnerPageEmbedSocialMain ul li.line-share .psharer .package.hasnum .btn { width: 120px; }
.jIsInnerPageEmbedSocialMain ul li.line-share .psharer .package .btn .logo { display: inline-block; margin: 3px; width: 30px; height: 30px; background: transparent url(../../../../_bk_img/line/full_50x50.png) no-repeat; }
.jIsInnerPageEmbedSocialMain ul li.line-share .psharer .package .txt { position: absolute; top: 12px; left: 60px; }
.jIsInnerPageEmbedSocialMain ul li.line-share .psharer .package .num.hasnum { z-index: -1; top: 3px; right: 20px; }

/*line-like*/
.jIsInnerPageEmbedSocialMain ul li.line-like .psharer .package {  }
.jIsInnerPageEmbedSocialMain ul li.line-like .psharer .package .btn { display: inline-block; width: 120px; height: 36px; border-radius: 5px; background-color: rgba(0, 185, 0, 1); }
.jIsInnerPageEmbedSocialMain ul li.line-like .psharer .package .btn .logo { display: inline-block; margin: 3px; width: 30px; height: 30px; background: transparent url(../../../../_bk_img/line/full_50x50.png) no-repeat; }
.jIsInnerPageEmbedSocialMain ul li.line-like .psharer .package .txt { position: absolute; top: 10px; left: 60px; }

.jIsInnerPageEmbedSocialMain ul li.line-like .psharer .package .api { position: absolute; top: 8px; left: 45px; }

/*line-friend*/
.jIsInnerPageEmbedSocialMain ul li.line-friend .psharer .package {  }
.jIsInnerPageEmbedSocialMain ul li.line-friend .psharer .package .btn { display: inline-block; width: 120px; height: 36px; border-radius: 5px; background-color: rgba(0, 185, 0, 1); }
.jIsInnerPageEmbedSocialMain ul li.line-friend .psharer .package .btn .logo { display: inline-block; margin: 3px; width: 30px; height: 30px; background: transparent url(../../../../_bk_img/line/full_50x50.png) no-repeat; }
.jIsInnerPageEmbedSocialMain ul li.line-friend .psharer .package .txt { position: absolute; top: 12px; left: 50px; }

.jIsInnerPageEmbedSocialMain ul li.line-friend .psharer .package .api { position: absolute; top: 8px; left: 10px; opacity: 0; filter: alpha(opacity=0); }

/*facebook-share*/
.jIsInnerPageEmbedSocialMain ul li.facebook-share .psharer .package {  }
.jIsInnerPageEmbedSocialMain ul li.facebook-share .psharer .package .btn { display: inline-block; width: 120px; height: 36px; border-radius: 5px; background-color: rgba(66, 130, 178, 1); }
.jIsInnerPageEmbedSocialMain ul li.facebook-share .psharer .package.nonum .btn { width: 120px; }
.jIsInnerPageEmbedSocialMain ul li.facebook-share .psharer .package.hasnum .btn { width: 120px; }
.jIsInnerPageEmbedSocialMain ul li.facebook-share .psharer .package .btn .logo:after {
	content: "\f39e"; display: inline-block; margin: 8px 12px;
	font-family: 'Font Awesome 5 Brands'; font-size: 22px; color: rgba(255, 255, 255, .95);
}
.jIsInnerPageEmbedSocialMain ul li.facebook-share .psharer .package .txt { position: absolute; top: 12px; left: 60px;}
.jIsInnerPageEmbedSocialMain ul li.facebook-share .psharer .package .txt .fb-share-button a { font-size: 14px; color: rgba(255, 2555, 255, .95); }

/*facebook-like*/
.jIsInnerPageEmbedSocialMain ul li.facebook-like .psharer .package {  }
.jIsInnerPageEmbedSocialMain ul li.facebook-like .psharer .package .btn { display: inline-block; width: 120px; height: 36px; border-radius: 5px; background-color: rgba(66, 130, 178, 1); }
.jIsInnerPageEmbedSocialMain ul li.facebook-like .psharer .package.nonum .btn { width: 120px; }
.jIsInnerPageEmbedSocialMain ul li.facebook-like .psharer .package.hasnum .btn { width: 120px; }
.jIsInnerPageEmbedSocialMain ul li.facebook-like .psharer .package .btn .logo:after {
	content: "\f39e"; display: inline-block; margin: 8px 12px;
	font-family: 'Font Awesome 5 Brands'; font-size: 22px; color: rgba(255, 255, 255, .95);
}
.jIsInnerPageEmbedSocialMain ul li.facebook-like .psharer .package .txt { position: absolute; top: 10px; left: 50px;}

/*twitter-tweet*/
.jIsInnerPageEmbedSocialMain ul li.twitter-tweet .psharer .package {  }
.jIsInnerPageEmbedSocialMain ul li.twitter-tweet .psharer .package .btn { display: inline-block; width: 120px; height: 36px; border-radius: 5px; background-color: rgba(29, 161, 242, 1); }
.jIsInnerPageEmbedSocialMain ul li.twitter-tweet .psharer .package.nonum .btn { width: 120px; }
.jIsInnerPageEmbedSocialMain ul li.twitter-tweet .psharer .package.hasnum .btn { width: 120px; }
.jIsInnerPageEmbedSocialMain ul li.twitter-tweet .psharer .package .btn .logo:after {
	content: "\f099"; display: inline-block; margin: 8px 12px;
	font-family: 'Font Awesome 5 Brands'; font-size: 22px; color: rgba(255, 255, 255, .95);
}
.jIsInnerPageEmbedSocialMain ul li.twitter-tweet .psharer .package .txt { position: absolute; top: 12px; left: 60px;}

/*twitter-follow*/
.jIsInnerPageEmbedSocialMain ul li.twitter-follow .psharer .package {  }
.jIsInnerPageEmbedSocialMain ul li.twitter-follow .psharer .package .btn { display: inline-block; width: 120px; height: 36px; border-radius: 5px; background-color: rgba(29, 161, 242, 1); }
.jIsInnerPageEmbedSocialMain ul li.twitter-follow .psharer .package.nonum .btn { width: 120px; }
.jIsInnerPageEmbedSocialMain ul li.twitter-follow .psharer .package.hasnum .btn { width: 120px; }
.jIsInnerPageEmbedSocialMain ul li.twitter-follow .psharer .package .btn .logo:after {
	content: "\f099"; display: inline-block; margin: 8px 12px;
	font-family: 'Font Awesome 5 Brands'; font-size: 22px; color: rgba(255, 255, 255, .95);
}
.jIsInnerPageEmbedSocialMain ul li.twitter-follow .psharer .package .txt { position: absolute; top: 12px; left: 60px;}
.jIsInnerPageEmbedSocialMain ul li.twitter-follow .psharer .package .txt a { font-size: 14px; color: rgba(255, 2555, 255, .95); }

/*linkedin-share*/
.jIsInnerPageEmbedSocialMain ul li.linkedin-share .psharer .package {  }
.jIsInnerPageEmbedSocialMain ul li.linkedin-share .psharer .package .btn { display: inline-block; width: 120px; height: 36px; border-radius: 5px; background-color: rgba(0, 102, 161, 1); }
.jIsInnerPageEmbedSocialMain ul li.linkedin-share .psharer .package.nonum .btn { width: 120px; }
.jIsInnerPageEmbedSocialMain ul li.linkedin-share .psharer .package.hasnum .btn { width: 120px; }
.jIsInnerPageEmbedSocialMain ul li.linkedin-share .psharer .package .btn .logo:after {
	content: "\f0e1"; display: inline-block; margin: 8px 12px;
	font-family: 'Font Awesome 5 Brands'; font-size: 22px; color: rgba(255, 255, 255, .95);
}
.jIsInnerPageEmbedSocialMain ul li.linkedin-share .psharer .package .txt { position: absolute; top: 12px; left: 60px;}
/*============================================================================*/



/*============================================================================*//*============================================================================*//*============================================================================*/
/* social slide */
/* type slide 在 content box 內 的 event 或 內容 日期的 左 / 右  */
/*----------------------------------------------------------------------------*/
aside.inner-slide-social {
	z-index: 1000; display: inline-block; position: absolute; /*width: 100%;*/
	-webkit-transition: left .5s ease-in-out, right .5s ease-in-out; transition: left .5s ease-in-out, right .5s ease-in-out;
}
aside.inner-slide-social.social-lt,
aside.inner-slide-social.social-lc,
aside.inner-slide-social.social-rt,
aside.inner-slide-social.social-rc { top: 30px; }

aside.inner-slide-social.social-lb,
aside.inner-slide-social.social-rb { top: 30px; }

aside.inner-slide-social.social-lt,
aside.inner-slide-social.social-lc { left: 0; }
aside.inner-slide-social.social-rt,
aside.inner-slide-social.social-rc { right: 0; }

aside.inner-slide-social.opened {  }
aside.inner-slide-social.social-lt.opened {  }
aside.inner-slide-social.social-rt.opened {  }

.jIsInnerPageSlideSocial { display: inline-block; position: relative; margin: 0; padding: 0; }

@media screen and (min-width: 1025px) and (max-width: 1439px) {
	aside.inner-slide-social { width: 50%; }
}
@media screen and (min-width: 641px) and (max-width: 1024px) {
	aside.inner-slide-social { width: 70%; }
}
@media screen and (min-width: 1px) and (max-width: 640px) {
	aside.inner-slide-social { width: 150px; }
}

/*----------------------------------------------------------------------------*/
/*ctrl*/
.jIsInnerPageSlideSocial .jIsInnerPageSlideSocialCtrl { z-index: 1001; position: absolute; margin-top: -33px; width: 33px; height: 66px; }

/*
@keyframes jellen-left-start {
	0% { transform: translateX(-1200x); }
	100% { transform: translateX(1200px); }
}
@keyframes jellen-right-start {
	0% { transform: translateX(1200x); }
	100% { transform: translateX(-1200px); }
}
*/

.jIsInnerPageSlideSocial .jIsInnerPageSlideSocialCtrl.is-lt,
.jIsInnerPageSlideSocial .jIsInnerPageSlideSocialCtrl.is-lc,
.jIsInnerPageSlideSocial .jIsInnerPageSlideSocialCtrl.is-lb { border-radius: 0 33px 33px 0; right: -33px; top: 50%;
	/*-webkit-animation: 3s 3s normal ease forwards jellen-left-start; animation: 3s 3s normal ease forwards jellen-left-start;*/
}

.jIsInnerPageSlideSocial .jIsInnerPageSlideSocialCtrl.is-rt,
.jIsInnerPageSlideSocial .jIsInnerPageSlideSocialCtrl.is-rc,
.jIsInnerPageSlideSocial .jIsInnerPageSlideSocialCtrl.is-rb { border-radius: 33px 0 0 33px; left: -33px; top: 50%;
	/*-webkit-animation: 3s 3s normal ease forwards jellen-right-start; animation: 3s 3s normal ease forwards jellen-right-start;*/
}

.jIsInnerPageSlideSocial .jIsInnerPageSlideSocialCtrl i { padding: 22px 0 0 10px; -webkit-transition: transform .3s linear; transition: transform .3s linear; }
.jIsInnerPageSlideSocial .jIsInnerPageSlideSocialCtrl.opened i { padding: 22px 13px 10px 10px; transform: rotateY(180deg); }

.jIsInnerPageSlideSocial .jIsInnerPageSlideSocialCtrl.is-lt i,
.jIsInnerPageSlideSocial .jIsInnerPageSlideSocialCtrl.is-lc i,
.jIsInnerPageSlideSocial .jIsInnerPageSlideSocialCtrl.is-lb i { padding: 22px 6px 0 0; transform: rotateY(180deg); }

.jIsInnerPageSlideSocial .jIsInnerPageSlideSocialCtrl.opened.is-lt i,
.jIsInnerPageSlideSocial .jIsInnerPageSlideSocialCtrl.opened.is-lc i,
.jIsInnerPageSlideSocial .jIsInnerPageSlideSocialCtrl.opened.is-lb i { transform: rotateY(0deg); }

/*----------------------------------------------------------------------------*/
/*main*/
.jIsInnerPageSlideSocial .jIsInnerPageSlideSocialMain { display: inline-block; position: relative; width: 100%; }



.jIsInnerPageSlideSocialMain ul {  }

.jIsInnerPageSlideSocialMain ul li { display: inline-block; margin: 10px; /*width: 100%;*/ height: 46px; vertical-align: top; /*border: 1px solid rgba(255, 0, 0, .95);*/ }

.jIsInnerPageSlideSocialMain ul li.social-list {  }

.jIsInnerPageSlideSocialMain ul li .psharer { padding: 3px; }

.jIsInnerPageSlideSocialMain ul li .psharer .package { display: flex; position: relative; width: 100%; /*border: 1px solid rgba(0, 0, 0, .95);*/ }

.jIsInnerPageSlideSocialMain ul li .psharer .package .btn { box-shadow: 0 1px 1px 0 rgba(255, 255, 255, .65) inset, 0px 1px 3px rgba(0, 0, 0, .15);  }

.jIsInnerPageSlideSocialMain ul li .psharer .package .ico {  }
.jIsInnerPageSlideSocialMain ul li .psharer .package .ico i {  }

.jIsInnerPageSlideSocialMain ul li .psharer .package .txt {  }

.jIsInnerPageSlideSocialMain ul li .psharer .package .vertical-line {
	position: absolute; top: 6px; left: 40px; width: 1px; height: 25px;
	
	background-color: rgba(255, 255, 255, .35);
}

.jIsInnerPageSlideSocialMain ul li .psharer .package .num.hasnum { position: absolute; top: 0; right: 0; }
.jIsInnerPageSlideSocialMain ul li .psharer .package .num.nonum { display: none; }

/*line-share*/
.jIsInnerPageSlideSocialMain ul li.line-share .psharer .package {  }
.jIsInnerPageSlideSocialMain ul li.line-share .psharer .package .btn { display: inline-block; width: 120px; height: 36px; border-radius: 5px; background-color: rgba(0, 185, 0, 1); }
.jIsInnerPageSlideSocialMain ul li.line-share .psharer .package.nonum .btn { width: 120px; }
.jIsInnerPageSlideSocialMain ul li.line-share .psharer .package.hasnum .btn { width: 120px; }
.jIsInnerPageSlideSocialMain ul li.line-share .psharer .package .btn .logo { display: inline-block; margin: 3px; width: 30px; height: 30px; background: transparent url(../../../../_bk_img/line/full_50x50.png) no-repeat; }
.jIsInnerPageSlideSocialMain ul li.line-share .psharer .package .txt { position: absolute; top: 12px; left: 60px; }
.jIsInnerPageSlideSocialMain ul li.line-share .psharer .package .num.hasnum { z-index: -1; top: 3px; right: 20px; }

/*line-like*/
.jIsInnerPageSlideSocialMain ul li.line-like .psharer .package {  }
.jIsInnerPageSlideSocialMain ul li.line-like .psharer .package .btn { display: inline-block; width: 120px; height: 36px; border-radius: 5px; background-color: rgba(0, 185, 0, 1); }
.jIsInnerPageSlideSocialMain ul li.line-like .psharer .package .btn .logo { display: inline-block; margin: 3px; width: 30px; height: 30px; background: transparent url(../../../../_bk_img/line/full_50x50.png) no-repeat; }
.jIsInnerPageSlideSocialMain ul li.line-like .psharer .package .txt { position: absolute; top: 10px; left: 60px; }

.jIsInnerPageSlideSocialMain ul li.line-like .psharer .package .api { position: absolute; top: 8px; left: 45px; }

/*line-friend*/
.jIsInnerPageSlideSocialMain ul li.line-friend .psharer .package {  }
.jIsInnerPageSlideSocialMain ul li.line-friend .psharer .package .btn { display: inline-block; width: 120px; height: 36px; border-radius: 5px; background-color: rgba(0, 185, 0, 1); }
.jIsInnerPageSlideSocialMain ul li.line-friend .psharer .package .btn .logo { display: inline-block; margin: 3px; width: 30px; height: 30px; background: transparent url(../../../../_bk_img/line/full_50x50.png) no-repeat; }
.jIsInnerPageSlideSocialMain ul li.line-friend .psharer .package .txt { position: absolute; top: 12px; left: 50px; }

.jIsInnerPageSlideSocialMain ul li.line-friend .psharer .package .api { position: absolute; top: 8px; left: 10px; opacity: 0; filter: alpha(opacity=0); }

/*facebook-share*/
.jIsInnerPageSlideSocialMain ul li.facebook-share .psharer .package {  }
.jIsInnerPageSlideSocialMain ul li.facebook-share .psharer .package .btn { display: inline-block; width: 120px; height: 36px; border-radius: 5px; background-color: rgba(66, 130, 178, 1); }
.jIsInnerPageSlideSocialMain ul li.facebook-share .psharer .package.nonum .btn { width: 120px; }
.jIsInnerPageSlideSocialMain ul li.facebook-share .psharer .package.hasnum .btn { width: 120px; }
.jIsInnerPageSlideSocialMain ul li.facebook-share .psharer .package .btn .logo:after {
	content: "\f39e"; display: inline-block; margin: 8px 12px;
	font-family: 'Font Awesome 5 Brands'; font-size: 22px; color: rgba(255, 255, 255, .95);
}
.jIsInnerPageSlideSocialMain ul li.facebook-share .psharer .package .txt { position: absolute; top: 12px; left: 60px;}
.jIsInnerPageSlideSocialMain ul li.facebook-share .psharer .package .txt .fb-share-button a { font-size: 14px; color: rgba(255, 2555, 255, .95); }

/*facebook-like*/
.jIsInnerPageSlideSocialMain ul li.facebook-like .psharer .package {  }
.jIsInnerPageSlideSocialMain ul li.facebook-like .psharer .package .btn { display: inline-block; width: 120px; height: 36px; border-radius: 5px; background-color: rgba(66, 130, 178, 1); }
.jIsInnerPageSlideSocialMain ul li.facebook-like .psharer .package.nonum .btn { width: 120px; }
.jIsInnerPageSlideSocialMain ul li.facebook-like .psharer .package.hasnum .btn { width: 120px; }
.jIsInnerPageSlideSocialMain ul li.facebook-like .psharer .package .btn .logo:after {
	content: "\f39e"; display: inline-block; margin: 8px 12px;
	font-family: 'Font Awesome 5 Brands'; font-size: 22px; color: rgba(255, 255, 255, .95);
}
.jIsInnerPageSlideSocialMain ul li.facebook-like .psharer .package .txt { position: absolute; top: 10px; left: 50px;}

/*twitter-tweet*/
.jIsInnerPageSlideSocialMain ul li.twitter-tweet .psharer .package {  }
.jIsInnerPageSlideSocialMain ul li.twitter-tweet .psharer .package .btn { display: inline-block; width: 120px; height: 36px; border-radius: 5px; background-color: rgba(29, 161, 242, 1); }
.jIsInnerPageSlideSocialMain ul li.twitter-tweet .psharer .package.nonum .btn { width: 120px; }
.jIsInnerPageSlideSocialMain ul li.twitter-tweet .psharer .package.hasnum .btn { width: 120px; }
.jIsInnerPageSlideSocialMain ul li.twitter-tweet .psharer .package .btn .logo:after {
	content: "\f099"; display: inline-block; margin: 8px 12px;
	font-family: 'Font Awesome 5 Brands'; font-size: 22px; color: rgba(255, 255, 255, .95);
}
.jIsInnerPageSlideSocialMain ul li.twitter-tweet .psharer .package .txt { position: absolute; top: 12px; left: 60px;}

/*twitter-follow*/
.jIsInnerPageSlideSocialMain ul li.twitter-follow .psharer .package {  }
.jIsInnerPageSlideSocialMain ul li.twitter-follow .psharer .package .btn { display: inline-block; width: 120px; height: 36px; border-radius: 5px; background-color: rgba(29, 161, 242, 1); }
.jIsInnerPageSlideSocialMain ul li.twitter-follow .psharer .package.nonum .btn { width: 120px; }
.jIsInnerPageSlideSocialMain ul li.twitter-follow .psharer .package.hasnum .btn { width: 120px; }
.jIsInnerPageSlideSocialMain ul li.twitter-follow .psharer .package .btn .logo:after {
	content: "\f099"; display: inline-block; margin: 8px 12px;
	font-family: 'Font Awesome 5 Brands'; font-size: 22px; color: rgba(255, 255, 255, .95);
}
.jIsInnerPageSlideSocialMain ul li.twitter-follow .psharer .package .txt { position: absolute; top: 12px; left: 60px;}
.jIsInnerPageSlideSocialMain ul li.twitter-follow .psharer .package .txt a { font-size: 14px; color: rgba(255, 2555, 255, .95); }

/*linkedin-share*/
.jIsInnerPageSlideSocialMain ul li.linkedin-share .psharer .package {  }
.jIsInnerPageSlideSocialMain ul li.linkedin-share .psharer .package .btn { display: inline-block; width: 120px; height: 36px; border-radius: 5px; background-color: rgba(0, 102, 161, 1); }
.jIsInnerPageSlideSocialMain ul li.linkedin-share .psharer .package.nonum .btn { width: 120px; }
.jIsInnerPageSlideSocialMain ul li.linkedin-share .psharer .package.hasnum .btn { width: 120px; }
.jIsInnerPageSlideSocialMain ul li.linkedin-share .psharer .package .btn .logo:after {
	content: "\f0e1"; display: inline-block; margin: 8px 12px;
	font-family: 'Font Awesome 5 Brands'; font-size: 22px; color: rgba(255, 255, 255, .95);
}
.jIsInnerPageSlideSocialMain ul li.linkedin-share .psharer .package .txt { position: absolute; top: 12px; left: 60px;}

/*============================================================================*/



/*============================================================================*//*============================================================================*//*============================================================================*/
/* social pin */
/* type pin 在 content box 內 的 event 日期的 左 / 右 釘住 */
/*----------------------------------------------------------------------------*/
aside.inner-pin-social { display: inline-block; position: relative; width: 100%; height: 100%; text-align: center; }

aside.inner-pin-social.social-lt,
aside.inner-pin-social.social-lc,
aside.inner-pin-social.social-rt,
aside.inner-pin-social.social-rc { padding: 30px 0; }
/*
aside.inner-pin-social.social-lb { top: 30px; }
aside.inner-pin-social.social-rb { top: 30px; }
*/
aside.inner-pin-social.social-lt,
aside.inner-pin-social.social-lc { left: 0; }
aside.inner-pin-social.social-rt,
aside.inner-pin-social.social-rc { right: 0; }

aside.inner-pin-social.opened {  }
aside.inner-pin-social.social-lt.opened {  }
aside.inner-pin-social.social-rt.opened {  }

.jIsInnerPagePinSocial { display: inline-block; position: relative; margin: 0; padding: 0; }

/*----------------------------------------------------------------------------*/
/*main*/
.jIsInnerPagePinSocial .jIsInnerPagePinSocialMain { display: inline-block; position: relative; width: 100%; }

.jIsInnerPagePinSocialMain ul {  }

.jIsInnerPagePinSocialMain ul li { display: inline-block; margin: 10px; /*width: 100%;*/ height: 46px; vertical-align: top; /*border: 1px solid rgba(255, 0, 0, .95);*/ text-align: left; }

.jIsInnerPagePinSocialMain ul li.social-list {  }

.jIsInnerPagePinSocialMain ul li .psharer { padding: 3px; }

.jIsInnerPagePinSocialMain ul li .psharer .package { display: flex; position: relative; width: 100%; /*border: 1px solid rgba(0, 0, 0, .95);*/ }

.jIsInnerPagePinSocialMain ul li .psharer .package .btn { box-shadow: 0 1px 1px 0 rgba(255, 255, 255, .65) inset, 0px 1px 3px rgba(0, 0, 0, .15);  }

.jIsInnerPagePinSocialMain ul li .psharer .package .ico {  }
.jIsInnerPagePinSocialMain ul li .psharer .package .ico i {  }

.jIsInnerPagePinSocialMain ul li .psharer .package .txt {  }

.jIsInnerPagePinSocialMain ul li .psharer .package .vertical-line {
	position: absolute; top: 6px; left: 40px; width: 1px; height: 25px;
	
	background-color: rgba(255, 255, 255, .35);
}

.jIsInnerPagePinSocialMain ul li .psharer .package .num.hasnum { position: absolute; top: 0; right: 0; }
.jIsInnerPagePinSocialMain ul li .psharer .package .num.nonum { display: none; }

/*line-share*/
.jIsInnerPagePinSocialMain ul li.line-share .psharer .package {  }
.jIsInnerPagePinSocialMain ul li.line-share .psharer .package .btn { display: inline-block; width: 120px; height: 36px; border-radius: 5px; background-color: rgba(0, 185, 0, 1); }
.jIsInnerPagePinSocialMain ul li.line-share .psharer .package.nonum .btn { width: 120px; }
.jIsInnerPagePinSocialMain ul li.line-share .psharer .package.hasnum .btn { width: 120px; }
.jIsInnerPagePinSocialMain ul li.line-share .psharer .package .btn .logo { display: inline-block; margin: 3px; width: 30px; height: 30px; background: transparent url(../../../../_bk_img/line/full_50x50.png) no-repeat; }
.jIsInnerPagePinSocialMain ul li.line-share .psharer .package .txt { position: absolute; top: 12px; left: 60px; }
.jIsInnerPagePinSocialMain ul li.line-share .psharer .package .num.hasnum { z-index: -1; top: 3px; right: 20px; }

/*line-like*/
.jIsInnerPagePinSocialMain ul li.line-like .psharer .package {  }
.jIsInnerPagePinSocialMain ul li.line-like .psharer .package .btn { display: inline-block; width: 120px; height: 36px; border-radius: 5px; background-color: rgba(0, 185, 0, 1); }
.jIsInnerPagePinSocialMain ul li.line-like .psharer .package .btn .logo { display: inline-block; margin: 3px; width: 30px; height: 30px; background: transparent url(../../../../_bk_img/line/full_50x50.png) no-repeat; }
.jIsInnerPagePinSocialMain ul li.line-like .psharer .package .txt { position: absolute; top: 10px; left: 60px; }

.jIsInnerPagePinSocialMain ul li.line-like .psharer .package .api { position: absolute; top: 8px; left: 45px; }

/*line-friend*/
.jIsInnerPagePinSocialMain ul li.line-friend .psharer .package {  }
.jIsInnerPagePinSocialMain ul li.line-friend .psharer .package .btn { display: inline-block; width: 120px; height: 36px; border-radius: 5px; background-color: rgba(0, 185, 0, 1); }
.jIsInnerPagePinSocialMain ul li.line-friend .psharer .package .btn .logo { display: inline-block; margin: 3px; width: 30px; height: 30px; background: transparent url(../../../../_bk_img/line/full_50x50.png) no-repeat; }
.jIsInnerPagePinSocialMain ul li.line-friend .psharer .package .txt { position: absolute; top: 12px; left: 50px; }

.jIsInnerPagePinSocialMain ul li.line-friend .psharer .package .api { position: absolute; top: 8px; left: 10px; opacity: 0; filter: alpha(opacity=0); }

/*facebook-share*/
.jIsInnerPagePinSocialMain ul li.facebook-share .psharer .package {  }
.jIsInnerPagePinSocialMain ul li.facebook-share .psharer .package .btn { display: inline-block; width: 120px; height: 36px; border-radius: 5px; background-color: rgba(66, 130, 178, 1); }
.jIsInnerPagePinSocialMain ul li.facebook-share .psharer .package.nonum .btn { width: 120px; }
.jIsInnerPagePinSocialMain ul li.facebook-share .psharer .package.hasnum .btn { width: 120px; }
.jIsInnerPagePinSocialMain ul li.facebook-share .psharer .package .btn .logo:after {
	content: "\f39e"; display: inline-block; margin: 8px 12px;
	font-family: 'Font Awesome 5 Brands'; font-size: 22px; color: rgba(255, 255, 255, .95);
}
.jIsInnerPagePinSocialMain ul li.facebook-share .psharer .package .txt { position: absolute; top: 12px; left: 60px;}
.jIsInnerPagePinSocialMain ul li.facebook-share .psharer .package .txt .fb-share-button a { font-size: 14px; color: rgba(255, 2555, 255, .95); }

/*facebook-like*/
.jIsInnerPagePinSocialMain ul li.facebook-like .psharer .package {  }
.jIsInnerPagePinSocialMain ul li.facebook-like .psharer .package .btn { display: inline-block; width: 120px; height: 36px; border-radius: 5px; background-color: rgba(66, 130, 178, 1); }
.jIsInnerPagePinSocialMain ul li.facebook-like .psharer .package.nonum .btn { width: 120px; }
.jIsInnerPagePinSocialMain ul li.facebook-like .psharer .package.hasnum .btn { width: 120px; }
.jIsInnerPagePinSocialMain ul li.facebook-like .psharer .package .btn .logo:after {
	content: "\f39e"; display: inline-block; margin: 8px 12px;
	font-family: 'Font Awesome 5 Brands'; font-size: 22px; color: rgba(255, 255, 255, .95);
}
.jIsInnerPagePinSocialMain ul li.facebook-like .psharer .package .txt { position: absolute; top: 10px; left: 35px;}

/*twitter-tweet*/
.jIsInnerPagePinSocialMain ul li.twitter-tweet .psharer .package {  }
.jIsInnerPagePinSocialMain ul li.twitter-tweet .psharer .package .btn { display: inline-block; width: 120px; height: 36px; border-radius: 5px; background-color: rgba(29, 161, 242, 1); }
.jIsInnerPagePinSocialMain ul li.twitter-tweet .psharer .package.nonum .btn { width: 120px; }
.jIsInnerPagePinSocialMain ul li.twitter-tweet .psharer .package.hasnum .btn { width: 120px; }
.jIsInnerPagePinSocialMain ul li.twitter-tweet .psharer .package .btn .logo:after {
	content: "\f099"; display: inline-block; margin: 8px 12px;
	font-family: 'Font Awesome 5 Brands'; font-size: 22px; color: rgba(255, 255, 255, .95);
}
.jIsInnerPagePinSocialMain ul li.twitter-tweet .psharer .package .txt { position: absolute; top: 12px; left: 60px;}

/*twitter-follow*/
.jIsInnerPagePinSocialMain ul li.twitter-follow .psharer .package {  }
.jIsInnerPagePinSocialMain ul li.twitter-follow .psharer .package .btn { display: inline-block; width: 120px; height: 36px; border-radius: 5px; background-color: rgba(29, 161, 242, 1); }
.jIsInnerPagePinSocialMain ul li.twitter-follow .psharer .package.nonum .btn { width: 120px; }
.jIsInnerPagePinSocialMain ul li.twitter-follow .psharer .package.hasnum .btn { width: 120px; }
.jIsInnerPagePinSocialMain ul li.twitter-follow .psharer .package .btn .logo:after {
	content: "\f099"; display: inline-block; margin: 8px 12px;
	font-family: 'Font Awesome 5 Brands'; font-size: 22px; color: rgba(255, 255, 255, .95);
}
.jIsInnerPagePinSocialMain ul li.twitter-follow .psharer .package .txt { position: absolute; top: 12px; left: 60px;}
.jIsInnerPagePinSocialMain ul li.twitter-follow .psharer .package .txt a { font-size: 14px; color: rgba(255, 2555, 255, .95); }

/*linkedin-share*/
.jIsInnerPagePinSocialMain ul li.linkedin-share .psharer .package {  }
.jIsInnerPagePinSocialMain ul li.linkedin-share .psharer .package .btn { display: inline-block; width: 120px; height: 36px; border-radius: 5px; background-color: rgba(0, 102, 161, 1); }
.jIsInnerPagePinSocialMain ul li.linkedin-share .psharer .package.nonum .btn { width: 120px; }
.jIsInnerPagePinSocialMain ul li.linkedin-share .psharer .package.hasnum .btn { width: 120px; }
.jIsInnerPagePinSocialMain ul li.linkedin-share .psharer .package .btn .logo:after {
	content: "\f0e1"; display: inline-block; margin: 8px 12px;
	font-family: 'Font Awesome 5 Brands'; font-size: 22px; color: rgba(255, 255, 255, .95);
}
.jIsInnerPagePinSocialMain ul li.linkedin-share .psharer .package .txt { position: absolute; top: 12px; left: 60px;}

/*============================================================================*/



/*============================================================================*/
/*   */

/*----------------------------------------------------------------------------*/

/*============================================================================*/







